diff --git a/builds/appchan-x.user.js b/builds/appchan-x.user.js
index d39dd9eb8..da9c89a24 100644
--- a/builds/appchan-x.user.js
+++ b/builds/appchan-x.user.js
@@ -17886,7 +17886,7 @@
         clientHeight = d.documentElement.clientHeight;
         style = ul.style;
         style.cssText = ("width: " + width + "px; left: " + left + "px;") + (clientHeight - bottom < 200 ? "bottom: " + (clientHeight - top) + "px" : "top: " + bottom + "px");
-        Rice.input = select = this.previousSibling;
+        Rice.input = select = this.previousElementSibling;
         nodes = [];
         _ref1 = select.options;
         for (_i = 0, _len = _ref1.length; _i < _len; _i++) {
@@ -19230,9 +19230,9 @@
       return $.on(ta, 'change', $.cb.value);
     },
     advanced: function(section) {
-      var archBoards, boardID, boardOptions, boardSelect, boards, customCSS, event, files, i, input, inputs, interval, item, items, name, o, row, rows, software, ta, table, warning, withCredentials, _i, _j, _k, _l, _len, _len1, _len2, _len3, _len4, _len5, _len6, _m, _n, _o, _ref, _ref1, _ref2, _ref3, _ref4, _ref5, _ref6;
+      var archBoards, boardID, boardOptions, boardSelect, boards, customCSS, files, i, input, inputs, interval, item, items, name, o, row, rows, software, ta, table, warning, withCredentials, _i, _j, _k, _l, _len, _len1, _len2, _len3, _len4, _len5, _len6, _m, _n, _o, _ref, _ref1, _ref2, _ref3, _ref4, _ref5, _ref6;
       $.extend(section, {
-        innerHTML: "<fieldset>\r<legend>Archiver</legend>\r<div class=\"warning\" " + (Conf['404 Redirect'] ? 'hidden' : '') + "><code>404 Redirect</code> is disabled.</div>\r<div><select id='archive-board-select'></select></div>\r<table id='archive-table'>\r<thead>\r<th>Thread redirection</th>\r<th>Post fetching</th>\r<th>File redirection</th>\r</thead>\r<tbody></tbody>\r</table>\r<span class=note>Disabled selections indicate that only one archive is available for that board and redirection type.</span>\r</fieldset>\r<fieldset>\r<legend>Custom Board Navigation</legend>\r<div><textarea name=boardnav class=field spellcheck=false></textarea></div>\r<span class=note>New lines will be converted into spaces.</span><br><br>\r<div class=note>In the following examples for /g/, <code>g</code> can be changed to a different board ID (<code>a</code>, <code>b</code>, etc...), the current board (<code>current</code>), or the Twitter link (<code>@</code>).</div>\r<div>Board link: <code>g</code></div>\r<div>Title link: <code>g-title</code></div>\r<div>Board link (Replace with title when on that board): <code>g-replace</code></div>\r<div>Full text link: <code>g-full</code></div>\r<div>Custom text link: <code>g-text:\"Install Gentoo\"</code></div>\r<div>External link: <code>external-text:\"Google\",\"http://www.google.com\"</code></div>\r<div>Index mode: <code>g-mode:\"type\"</code> where type is <code>paged</code>, <code>all threads</code> or <code>catalog</code></div>\r<div>Index sort: <code>g-sort:\"type\"</code> where type is <code>bump order</code>, <code>last reply</code>, <code>creation date</code>, <code>reply count</code> or <code>file count</code></div\r<div>Combinations are possible: <code>g-text:\"VIP Catalog\"-mode:\"catalog\"-sort:\"creation date\"</code></div>\r<div>Full board list toggle: <code>toggle-all</code></div>\r<br>\r<div class=note>\r<code>[ toggle-all ] [current-title] [g-title / a-title / jp-title] [x / wsg / h-mode:\"catalog\"-sort:\"file count\"] [t-text:\"Piracy\"]</code><br>\rwill give you<br>\r<code>[ + ] [Technology] [Technology / Anime & Manga / Otaku Culture] [x / wsg / h] [Piracy]</code><br>\rif you are on /g/.\r</div>\r</fieldset>\r<fieldset>\r<legend>Time Formatting <span class=warning " + (Conf['Time Formatting'] ? 'hidden' : '') + ">is disabled.</span></legend>\r<div><input name=time class=field spellcheck=false>: <span class=time-preview></span></div>\r<div>Supported <a href=//en.wikipedia.org/wiki/Date_%28Unix%29#Formatting>format specifiers</a>:</div>\r<div>Day: <code>%a</code>, <code>%A</code>, <code>%d</code>, <code>%e</code></div>\r<div>Month: <code>%m</code>, <code>%b</code>, <code>%B</code></div>\r<div>Year: <code>%y</code>, <code>%Y</code></div>\r<div>Hour: <code>%k</code>, <code>%H</code>, <code>%l</code>, <code>%I</code>, <code>%p</code>, <code>%P</code></div>\r<div>Minute: <code>%M</code></div>\r<div>Second: <code>%S</code></div>\r</fieldset>\r<fieldset>\r<legend>Quote Backlinks formatting <span class=warning " + (Conf['Quote Backlinks'] ? 'hidden' : '') + ">is disabled.</span></legend>\r<div><input name=backlink class=field spellcheck=false>: <span class=backlink-preview></span></div>\r</fieldset>\r<fieldset>\r<legend>File Info Formatting <span class=warning " + (Conf['File Info Formatting'] ? 'hidden' : '') + ">is disabled.</span></legend>\r<div><input name=fileInfo class=field spellcheck=false>: <span class='fileText file-info-preview'></span></div>\r<div>Link: <code>%l</code> (truncated), <code>%L</code> (untruncated), <code>%T</code> (Unix timestamp)</div>\r<div>Original file name: <code>%n</code> (truncated), <code>%N</code> (untruncated), <code>%t</code> (Unix timestamp)</div>\r<div>Spoiler indicator: <code>%p</code></div>\r<div>Size: <code>%B</code> (Bytes), <code>%K</code> (KB), <code>%M</code> (MB), <code>%s</code> (4chan default)</div>\r<div>Resolution: <code>%r</code> (Displays 'PDF' for PDF files)</div>\r</fieldset>\r<fieldset>\r<legend>Quick Reply Personas</legend>\r<textarea class=personafield name=\"QR.personas\" class=\"field\" spellcheck=\"false\"></textarea>\r<p>\rOne item per line.<br>\rItems will be added in the relevant input's auto-completion list.<br>\rPassword items will always be used, since there is no password input.<br>\rLines starting with a <code>#</code> will be ignored.\r</p>\r<ul>You can use these settings with each item, separate them with semicolons:\r<li>Possible items are: <code>name</code>, <code>options</code> (or equivalently <code>email</code>), <code>subject</code> and <code>password</code>.</li>\r<li>Wrap values of items with quotes, like this: <code>options:\"sage\"</code>.</li>\r<li>Force values as defaults with the <code>always</code> keyword, for example: <code>options:\"sage\";always</code>.</li>\r<li>Select specific boards for an item, separated with commas, for example: <code>options:\"sage\";boards:jp;always</code>.</li>\r</ul>\r</fieldset>\r<fieldset>\r<legend>Unread Favicon <span class=warning " + (Conf['Unread Favicon'] ? 'hidden' : '') + ">is disabled.</span></legend>\r<select name=favicon>\r<option value=ferongr>ferongr</option>\r<option value=xat->xat-</option>\r<option value=Mayhem>Mayhem</option>\r<option value=4chanJS>4chanJS</option>\r<option value=Original>Original</option>\r<option value=Metro>Metro</option>\r</select>\r<span id=favicon-preview></span>\r</fieldset>\r<fieldset>\r<legend>Thread Updater <span class=warning " + (Conf['Thread Updater'] ? 'hidden' : '') + ">is disabled.</span></legend>\r<div>\rInterval: <input type=number name=Interval class=field min=1 value=" + Conf['Interval'] + ">\r</div>\r</fieldset>\r<fieldset>\r<legend><input type=checkbox name='Custom CSS' " + (Conf['Custom CSS'] ? 'checked' : '') + "> Custom CSS</legend>\r<div>\r<button id=apply-css>Apply CSS</button>\r<textarea name=usercss class=field spellcheck=false " + (Conf['Custom CSS'] ? '' : 'disabled') + "></textarea>\r</div>\r</fieldset>\r"
+        innerHTML: "<fieldset>\r<legend>Archiver</legend>\r<div class=\"warning\" data-feature='404 Redirect'><code>404 Redirect</code> is disabled.</div>\r<div><select id='archive-board-select'></select></div>\r<table id='archive-table'>\r<thead>\r<th>Thread redirection</th>\r<th>Post fetching</th>\r<th>File redirection</th>\r</thead>\r<tbody></tbody>\r</table>\r<span class=note>Disabled selections indicate that only one archive is available for that board and redirection type.</span>\r</fieldset>\r<fieldset>\r<legend>Custom Board Navigation</legend>\r<div><textarea name=boardnav class=field spellcheck=false></textarea></div>\r<span class=note>New lines will be converted into spaces.</span><br><br>\r<div class=note>In the following examples for /g/, <code>g</code> can be changed to a different board ID (<code>a</code>, <code>b</code>, etc...), the current board (<code>current</code>), or the Twitter link (<code>@</code>).</div>\r<div>Board link: <code>g</code></div>\r<div>Archive link: <code>g-archive</code></div>\r<div>Internal archive link: <code>g-expired</code></div>\r<div>Title link: <code>g-title</code></div>\r<div>Board link (Replace with title when on that board): <code>g-replace</code></div>\r<div>Full text link: <code>g-full</code></div>\r<div>Custom text link: <code>g-text:\"Install Gentoo\"</code></div>\r<div>Index-only link: <code>g-index</code></div>\r<div>Catalog-only link: <code>g-catalog</code></div>\r<div>External link: <code>external-text:\"Google\",\"http://www.google.com\"</code></div>\r<div>Index mode: <code>g-mode:\"type\"</code> where type is <code>paged</code>, <code>all threads</code> or <code>catalog</code></div>\r<div>Index sort: <code>g-sort:\"type\"</code> where type is <code>bump order</code>, <code>last reply</code>, <code>creation date</code>, <code>reply count</code> or <code>file count</code></div\r<div>Combinations are possible: <code>g-index-text:\"Technology Index\"</code></div>\r<div>Full board list toggle: <code>toggle-all</code></div>\r<br>\r<div class=note>\r<code>[ toggle-all ] [current-title] [g-title / a-title / jp-title] [x / wsg / h] [t-text:\"Piracy\"]</code><br>\rwill give you<br>\r<code>[ + ] [Technology] [Technology / Anime & Manga / Otaku Culture] [x / wsg / h] [Piracy]</code><br>\rif you are on /g/.\r</div>\r</fieldset>\r<fieldset>\r<legend>Time Formatting <span class=warning data-feature='Time Formatting'>is disabled.</span></legend>\r<div><input name=time class=field spellcheck=false>: <span class=time-preview></span></div>\r<div>Supported <a href=//en.wikipedia.org/wiki/Date_%28Unix%29#Formatting>format specifiers</a>:</div>\r<div>Day: <code>%a</code>, <code>%A</code>, <code>%d</code>, <code>%e</code></div>\r<div>Month: <code>%m</code>, <code>%b</code>, <code>%B</code></div>\r<div>Year: <code>%y</code>, <code>%Y</code></div>\r<div>Hour: <code>%k</code>, <code>%H</code>, <code>%l</code>, <code>%I</code>, <code>%p</code>, <code>%P</code></div>\r<div>Minute: <code>%M</code></div>\r<div>Second: <code>%S</code></div>\r</fieldset>\r<fieldset>\r<legend>Quote Backlinks formatting <span class=warning data-feature='Quote Backlinks'>is disabled.</span></legend>\r<div><input name=backlink class=field spellcheck=false>: <span class=backlink-preview></span></div>\r</fieldset>\r<fieldset>\r<legend>File Info Formatting <span class=warning data-feature='File Info Formatting'>is disabled.</span></legend>\r<div><input name=fileInfo class=field spellcheck=false>: <span class='file-info file-info-preview'></span></div>\r<div>Link: <code>%l</code> (truncated), <code>%L</code> (untruncated), <code>%T</code> (Unix timestamp)</div>\r<div>Original file name: <code>%n</code> (truncated), <code>%N</code> (untruncated), <code>%t</code> (Unix timestamp)</div>\r<div>Spoiler indicator: <code>%p</code></div>\r<div>Size: <code>%B</code> (Bytes), <code>%K</code> (KB), <code>%M</code> (MB), <code>%s</code> (4chan default)</div>\r<div>Resolution: <code>%r</code> (Displays 'PDF' for PDF files)</div>\r</fieldset>\r<fieldset>\r<legend>Quick Reply Personas</legend>\r<textarea class=\"personafield field\" name=\"QR.personas\" spellcheck=\"false\"></textarea>\r<p>\rOne item per line.<br>\rItems will be added in the relevant input's auto-completion list.<br>\rPassword items will always be used, since there is no password input.<br>\rLines starting with a <code>#</code> will be ignored.\r</p>\r<ul>You can use these settings with each item, separate them with semicolons:\r<li>Possible items are: <code>name</code>, <code>options</code> (or equivalently <code>email</code>), <code>subject</code> and <code>password</code>.</li>\r<li>Wrap values of items with quotes, like this: <code>options:\"sage\"</code>.</li>\r<li>Force values as defaults with the <code>always</code> keyword, for example: <code>options:\"sage\";always</code>.</li>\r<li>Select specific boards for an item, separated with commas, for example: <code>options:\"sage\";boards:jp;always</code>.</li>\r</ul>\r</fieldset>\r<fieldset>\r<legend>Unread Favicon <span class=warning data-feature='Unread Favicon'>is disabled.</span></legend>\r<select name=favicon>\r<option value=ferongr>ferongr</option>\r<option value=xat->xat-</option>\r<option value=4chanJS>4chanJS</option>\r<option value=Mayhem>Mayhem</option>\r<option value=Original>Original</option>\r<option value=Metro>Metro</option>\r</select>\r<span id=favicon-preview>\r<img src=\"data:image/gif;base64,R0lGODlhEAAQAPAAAAAAAAAAACH5BAEAAAAALAAAAAAQABAAAAIOhI%2Bpy%2B0Po5y02ouzPgUAOw%3D%3D\">\r<img src=\"data:image/gif;base64,R0lGODlhEAAQAPAAAAAAAAAAACH5BAEAAAAALAAAAAAQABAAAAIOhI%2Bpy%2B0Po5y02ouzPgUAOw%3D%3D\">\r<img src=\"data:image/gif;base64,R0lGODlhEAAQAPAAAAAAAAAAACH5BAEAAAAALAAAAAAQABAAAAIOhI%2Bpy%2B0Po5y02ouzPgUAOw%3D%3D\">\r<img src=\"data:image/gif;base64,R0lGODlhEAAQAPAAAAAAAAAAACH5BAEAAAAALAAAAAAQABAAAAIOhI%2Bpy%2B0Po5y02ouzPgUAOw%3D%3D\">\r</span>\r</fieldset>\r<fieldset>\r<legend>Thread Updater <span class=warning data-feature='Thread Updater'>is disabled.</span></legend>\r<div>\rInterval: <input type=\"number\" name=\"Interval\" class=\"field\" min=\"1\"> seconds\r</div>\r</fieldset>\r<fieldset>\r<legend>\r<label><input type=checkbox name='Custom CSS'> Custom CSS</label>\r</legend>\r<button id=apply-css>Apply CSS</button>\r<textarea name=usercss class=field spellcheck=false></textarea>\r</fieldset>\r"
       });
       _ref = $$('.warning', section);
       for (_i = 0, _len = _ref.length; _i < _len; _i++) {
@@ -19247,8 +19247,15 @@
         input = $("[name='" + name + "']", section);
         items[name] = Conf[name];
         inputs[name] = input;
-        event = name === 'favicon' || name === 'usercss' ? 'change' : 'input';
-        $.on(input, event, $.cb.value);
+        if (name === 'usercss') {
+          $.on(input, 'change', $.cb.value);
+        } else if (name === 'favicon') {
+          $.on(input, 'change', $.cb.value);
+          $.on(input, 'change', Settings[name]);
+        } else {
+          $.on(input, 'input', $.cb.value);
+          $.on(input, 'input', Settings[name]);
+        }
       }
       ta = $('.personafield', section);
       $.get('QR.personas', Conf['QR.personas'], function(item) {
@@ -19264,7 +19271,6 @@
           if (key === 'usercss') {
             continue;
           }
-          $.on(input, event, Settings[key]);
           Settings[key].call(input);
         }
         return Rice.nodes(section);
@@ -19431,7 +19437,7 @@
       if (g.VIEW === 'thread' && Conf['Unread Favicon']) {
         Unread.update();
       }
-      img = this.nextElementSibling.children;
+      img = ($.id('favicon-preview')).children;
       img[0].src = Favicon["default"];
       img[1].src = Favicon.unreadSFW;
       img[2].src = Favicon.unreadNSFW;
diff --git a/builds/crx/script.js b/builds/crx/script.js
index 2b17be133..7b781ff0a 100644
--- a/builds/crx/script.js
+++ b/builds/crx/script.js
@@ -17901,7 +17901,7 @@
         clientHeight = d.documentElement.clientHeight;
         style = ul.style;
         style.cssText = ("width: " + width + "px; left: " + left + "px;") + (clientHeight - bottom < 200 ? "bottom: " + (clientHeight - top) + "px" : "top: " + bottom + "px");
-        Rice.input = select = this.previousSibling;
+        Rice.input = select = this.previousElementSibling;
         nodes = [];
         _ref1 = select.options;
         for (_i = 0, _len = _ref1.length; _i < _len; _i++) {
@@ -19254,9 +19254,9 @@
       return $.on(ta, 'change', $.cb.value);
     },
     advanced: function(section) {
-      var archBoards, boardID, boardOptions, boardSelect, boards, customCSS, event, files, i, input, inputs, interval, item, items, name, o, row, rows, software, ta, table, warning, withCredentials, _i, _j, _k, _l, _len, _len1, _len2, _len3, _len4, _len5, _len6, _m, _n, _o, _ref, _ref1, _ref2, _ref3, _ref4, _ref5, _ref6;
+      var archBoards, boardID, boardOptions, boardSelect, boards, customCSS, files, i, input, inputs, interval, item, items, name, o, row, rows, software, ta, table, warning, withCredentials, _i, _j, _k, _l, _len, _len1, _len2, _len3, _len4, _len5, _len6, _m, _n, _o, _ref, _ref1, _ref2, _ref3, _ref4, _ref5, _ref6;
       $.extend(section, {
-        innerHTML: "<fieldset>\r<legend>Archiver</legend>\r<div class=\"warning\" " + (Conf['404 Redirect'] ? 'hidden' : '') + "><code>404 Redirect</code> is disabled.</div>\r<div><select id='archive-board-select'></select></div>\r<table id='archive-table'>\r<thead>\r<th>Thread redirection</th>\r<th>Post fetching</th>\r<th>File redirection</th>\r</thead>\r<tbody></tbody>\r</table>\r<span class=note>Disabled selections indicate that only one archive is available for that board and redirection type.</span>\r</fieldset>\r<fieldset>\r<legend>Custom Board Navigation</legend>\r<div><textarea name=boardnav class=field spellcheck=false></textarea></div>\r<span class=note>New lines will be converted into spaces.</span><br><br>\r<div class=note>In the following examples for /g/, <code>g</code> can be changed to a different board ID (<code>a</code>, <code>b</code>, etc...), the current board (<code>current</code>), or the Twitter link (<code>@</code>).</div>\r<div>Board link: <code>g</code></div>\r<div>Title link: <code>g-title</code></div>\r<div>Board link (Replace with title when on that board): <code>g-replace</code></div>\r<div>Full text link: <code>g-full</code></div>\r<div>Custom text link: <code>g-text:\"Install Gentoo\"</code></div>\r<div>External link: <code>external-text:\"Google\",\"http://www.google.com\"</code></div>\r<div>Index mode: <code>g-mode:\"type\"</code> where type is <code>paged</code>, <code>all threads</code> or <code>catalog</code></div>\r<div>Index sort: <code>g-sort:\"type\"</code> where type is <code>bump order</code>, <code>last reply</code>, <code>creation date</code>, <code>reply count</code> or <code>file count</code></div\r<div>Combinations are possible: <code>g-text:\"VIP Catalog\"-mode:\"catalog\"-sort:\"creation date\"</code></div>\r<div>Full board list toggle: <code>toggle-all</code></div>\r<br>\r<div class=note>\r<code>[ toggle-all ] [current-title] [g-title / a-title / jp-title] [x / wsg / h-mode:\"catalog\"-sort:\"file count\"] [t-text:\"Piracy\"]</code><br>\rwill give you<br>\r<code>[ + ] [Technology] [Technology / Anime & Manga / Otaku Culture] [x / wsg / h] [Piracy]</code><br>\rif you are on /g/.\r</div>\r</fieldset>\r<fieldset>\r<legend>Time Formatting <span class=warning " + (Conf['Time Formatting'] ? 'hidden' : '') + ">is disabled.</span></legend>\r<div><input name=time class=field spellcheck=false>: <span class=time-preview></span></div>\r<div>Supported <a href=//en.wikipedia.org/wiki/Date_%28Unix%29#Formatting>format specifiers</a>:</div>\r<div>Day: <code>%a</code>, <code>%A</code>, <code>%d</code>, <code>%e</code></div>\r<div>Month: <code>%m</code>, <code>%b</code>, <code>%B</code></div>\r<div>Year: <code>%y</code>, <code>%Y</code></div>\r<div>Hour: <code>%k</code>, <code>%H</code>, <code>%l</code>, <code>%I</code>, <code>%p</code>, <code>%P</code></div>\r<div>Minute: <code>%M</code></div>\r<div>Second: <code>%S</code></div>\r</fieldset>\r<fieldset>\r<legend>Quote Backlinks formatting <span class=warning " + (Conf['Quote Backlinks'] ? 'hidden' : '') + ">is disabled.</span></legend>\r<div><input name=backlink class=field spellcheck=false>: <span class=backlink-preview></span></div>\r</fieldset>\r<fieldset>\r<legend>File Info Formatting <span class=warning " + (Conf['File Info Formatting'] ? 'hidden' : '') + ">is disabled.</span></legend>\r<div><input name=fileInfo class=field spellcheck=false>: <span class='fileText file-info-preview'></span></div>\r<div>Link: <code>%l</code> (truncated), <code>%L</code> (untruncated), <code>%T</code> (Unix timestamp)</div>\r<div>Original file name: <code>%n</code> (truncated), <code>%N</code> (untruncated), <code>%t</code> (Unix timestamp)</div>\r<div>Spoiler indicator: <code>%p</code></div>\r<div>Size: <code>%B</code> (Bytes), <code>%K</code> (KB), <code>%M</code> (MB), <code>%s</code> (4chan default)</div>\r<div>Resolution: <code>%r</code> (Displays 'PDF' for PDF files)</div>\r</fieldset>\r<fieldset>\r<legend>Quick Reply Personas</legend>\r<textarea class=personafield name=\"QR.personas\" class=\"field\" spellcheck=\"false\"></textarea>\r<p>\rOne item per line.<br>\rItems will be added in the relevant input's auto-completion list.<br>\rPassword items will always be used, since there is no password input.<br>\rLines starting with a <code>#</code> will be ignored.\r</p>\r<ul>You can use these settings with each item, separate them with semicolons:\r<li>Possible items are: <code>name</code>, <code>options</code> (or equivalently <code>email</code>), <code>subject</code> and <code>password</code>.</li>\r<li>Wrap values of items with quotes, like this: <code>options:\"sage\"</code>.</li>\r<li>Force values as defaults with the <code>always</code> keyword, for example: <code>options:\"sage\";always</code>.</li>\r<li>Select specific boards for an item, separated with commas, for example: <code>options:\"sage\";boards:jp;always</code>.</li>\r</ul>\r</fieldset>\r<fieldset>\r<legend>Unread Favicon <span class=warning " + (Conf['Unread Favicon'] ? 'hidden' : '') + ">is disabled.</span></legend>\r<select name=favicon>\r<option value=ferongr>ferongr</option>\r<option value=xat->xat-</option>\r<option value=Mayhem>Mayhem</option>\r<option value=4chanJS>4chanJS</option>\r<option value=Original>Original</option>\r<option value=Metro>Metro</option>\r</select>\r<span id=favicon-preview></span>\r</fieldset>\r<fieldset>\r<legend>Thread Updater <span class=warning " + (Conf['Thread Updater'] ? 'hidden' : '') + ">is disabled.</span></legend>\r<div>\rInterval: <input type=number name=Interval class=field min=1 value=" + Conf['Interval'] + ">\r</div>\r</fieldset>\r<fieldset>\r<legend><input type=checkbox name='Custom CSS' " + (Conf['Custom CSS'] ? 'checked' : '') + "> Custom CSS</legend>\r<div>\r<button id=apply-css>Apply CSS</button>\r<textarea name=usercss class=field spellcheck=false " + (Conf['Custom CSS'] ? '' : 'disabled') + "></textarea>\r</div>\r</fieldset>\r"
+        innerHTML: "<fieldset>\r<legend>Archiver</legend>\r<div class=\"warning\" data-feature='404 Redirect'><code>404 Redirect</code> is disabled.</div>\r<div><select id='archive-board-select'></select></div>\r<table id='archive-table'>\r<thead>\r<th>Thread redirection</th>\r<th>Post fetching</th>\r<th>File redirection</th>\r</thead>\r<tbody></tbody>\r</table>\r<span class=note>Disabled selections indicate that only one archive is available for that board and redirection type.</span>\r</fieldset>\r<fieldset>\r<legend>Custom Board Navigation</legend>\r<div><textarea name=boardnav class=field spellcheck=false></textarea></div>\r<span class=note>New lines will be converted into spaces.</span><br><br>\r<div class=note>In the following examples for /g/, <code>g</code> can be changed to a different board ID (<code>a</code>, <code>b</code>, etc...), the current board (<code>current</code>), or the Twitter link (<code>@</code>).</div>\r<div>Board link: <code>g</code></div>\r<div>Archive link: <code>g-archive</code></div>\r<div>Internal archive link: <code>g-expired</code></div>\r<div>Title link: <code>g-title</code></div>\r<div>Board link (Replace with title when on that board): <code>g-replace</code></div>\r<div>Full text link: <code>g-full</code></div>\r<div>Custom text link: <code>g-text:\"Install Gentoo\"</code></div>\r<div>Index-only link: <code>g-index</code></div>\r<div>Catalog-only link: <code>g-catalog</code></div>\r<div>External link: <code>external-text:\"Google\",\"http://www.google.com\"</code></div>\r<div>Index mode: <code>g-mode:\"type\"</code> where type is <code>paged</code>, <code>all threads</code> or <code>catalog</code></div>\r<div>Index sort: <code>g-sort:\"type\"</code> where type is <code>bump order</code>, <code>last reply</code>, <code>creation date</code>, <code>reply count</code> or <code>file count</code></div\r<div>Combinations are possible: <code>g-index-text:\"Technology Index\"</code></div>\r<div>Full board list toggle: <code>toggle-all</code></div>\r<br>\r<div class=note>\r<code>[ toggle-all ] [current-title] [g-title / a-title / jp-title] [x / wsg / h] [t-text:\"Piracy\"]</code><br>\rwill give you<br>\r<code>[ + ] [Technology] [Technology / Anime & Manga / Otaku Culture] [x / wsg / h] [Piracy]</code><br>\rif you are on /g/.\r</div>\r</fieldset>\r<fieldset>\r<legend>Time Formatting <span class=warning data-feature='Time Formatting'>is disabled.</span></legend>\r<div><input name=time class=field spellcheck=false>: <span class=time-preview></span></div>\r<div>Supported <a href=//en.wikipedia.org/wiki/Date_%28Unix%29#Formatting>format specifiers</a>:</div>\r<div>Day: <code>%a</code>, <code>%A</code>, <code>%d</code>, <code>%e</code></div>\r<div>Month: <code>%m</code>, <code>%b</code>, <code>%B</code></div>\r<div>Year: <code>%y</code>, <code>%Y</code></div>\r<div>Hour: <code>%k</code>, <code>%H</code>, <code>%l</code>, <code>%I</code>, <code>%p</code>, <code>%P</code></div>\r<div>Minute: <code>%M</code></div>\r<div>Second: <code>%S</code></div>\r</fieldset>\r<fieldset>\r<legend>Quote Backlinks formatting <span class=warning data-feature='Quote Backlinks'>is disabled.</span></legend>\r<div><input name=backlink class=field spellcheck=false>: <span class=backlink-preview></span></div>\r</fieldset>\r<fieldset>\r<legend>File Info Formatting <span class=warning data-feature='File Info Formatting'>is disabled.</span></legend>\r<div><input name=fileInfo class=field spellcheck=false>: <span class='file-info file-info-preview'></span></div>\r<div>Link: <code>%l</code> (truncated), <code>%L</code> (untruncated), <code>%T</code> (Unix timestamp)</div>\r<div>Original file name: <code>%n</code> (truncated), <code>%N</code> (untruncated), <code>%t</code> (Unix timestamp)</div>\r<div>Spoiler indicator: <code>%p</code></div>\r<div>Size: <code>%B</code> (Bytes), <code>%K</code> (KB), <code>%M</code> (MB), <code>%s</code> (4chan default)</div>\r<div>Resolution: <code>%r</code> (Displays 'PDF' for PDF files)</div>\r</fieldset>\r<fieldset>\r<legend>Quick Reply Personas</legend>\r<textarea class=\"personafield field\" name=\"QR.personas\" spellcheck=\"false\"></textarea>\r<p>\rOne item per line.<br>\rItems will be added in the relevant input's auto-completion list.<br>\rPassword items will always be used, since there is no password input.<br>\rLines starting with a <code>#</code> will be ignored.\r</p>\r<ul>You can use these settings with each item, separate them with semicolons:\r<li>Possible items are: <code>name</code>, <code>options</code> (or equivalently <code>email</code>), <code>subject</code> and <code>password</code>.</li>\r<li>Wrap values of items with quotes, like this: <code>options:\"sage\"</code>.</li>\r<li>Force values as defaults with the <code>always</code> keyword, for example: <code>options:\"sage\";always</code>.</li>\r<li>Select specific boards for an item, separated with commas, for example: <code>options:\"sage\";boards:jp;always</code>.</li>\r</ul>\r</fieldset>\r<fieldset>\r<legend>Unread Favicon <span class=warning data-feature='Unread Favicon'>is disabled.</span></legend>\r<select name=favicon>\r<option value=ferongr>ferongr</option>\r<option value=xat->xat-</option>\r<option value=4chanJS>4chanJS</option>\r<option value=Mayhem>Mayhem</option>\r<option value=Original>Original</option>\r<option value=Metro>Metro</option>\r</select>\r<span id=favicon-preview>\r<img src=\"data:image/gif;base64,R0lGODlhEAAQAPAAAAAAAAAAACH5BAEAAAAALAAAAAAQABAAAAIOhI%2Bpy%2B0Po5y02ouzPgUAOw%3D%3D\">\r<img src=\"data:image/gif;base64,R0lGODlhEAAQAPAAAAAAAAAAACH5BAEAAAAALAAAAAAQABAAAAIOhI%2Bpy%2B0Po5y02ouzPgUAOw%3D%3D\">\r<img src=\"data:image/gif;base64,R0lGODlhEAAQAPAAAAAAAAAAACH5BAEAAAAALAAAAAAQABAAAAIOhI%2Bpy%2B0Po5y02ouzPgUAOw%3D%3D\">\r<img src=\"data:image/gif;base64,R0lGODlhEAAQAPAAAAAAAAAAACH5BAEAAAAALAAAAAAQABAAAAIOhI%2Bpy%2B0Po5y02ouzPgUAOw%3D%3D\">\r</span>\r</fieldset>\r<fieldset>\r<legend>Thread Updater <span class=warning data-feature='Thread Updater'>is disabled.</span></legend>\r<div>\rInterval: <input type=\"number\" name=\"Interval\" class=\"field\" min=\"1\"> seconds\r</div>\r</fieldset>\r<fieldset>\r<legend>\r<label><input type=checkbox name='Custom CSS'> Custom CSS</label>\r</legend>\r<button id=apply-css>Apply CSS</button>\r<textarea name=usercss class=field spellcheck=false></textarea>\r</fieldset>\r"
       });
       _ref = $$('.warning', section);
       for (_i = 0, _len = _ref.length; _i < _len; _i++) {
@@ -19271,8 +19271,15 @@
         input = $("[name='" + name + "']", section);
         items[name] = Conf[name];
         inputs[name] = input;
-        event = name === 'favicon' || name === 'usercss' ? 'change' : 'input';
-        $.on(input, event, $.cb.value);
+        if (name === 'usercss') {
+          $.on(input, 'change', $.cb.value);
+        } else if (name === 'favicon') {
+          $.on(input, 'change', $.cb.value);
+          $.on(input, 'change', Settings[name]);
+        } else {
+          $.on(input, 'input', $.cb.value);
+          $.on(input, 'input', Settings[name]);
+        }
       }
       ta = $('.personafield', section);
       $.get('QR.personas', Conf['QR.personas'], function(item) {
@@ -19288,7 +19295,6 @@
           if (key === 'usercss') {
             continue;
           }
-          $.on(input, event, Settings[key]);
           Settings[key].call(input);
         }
         return Rice.nodes(section);
@@ -19455,7 +19461,7 @@
       if (g.VIEW === 'thread' && Conf['Unread Favicon']) {
         Unread.update();
       }
-      img = this.nextElementSibling.children;
+      img = ($.id('favicon-preview')).children;
       img[0].src = Favicon["default"];
       img[1].src = Favicon.unreadSFW;
       img[2].src = Favicon.unreadNSFW;
diff --git a/src/General/Settings.coffee b/src/General/Settings.coffee
index 0d186602a..777674112 100755
--- a/src/General/Settings.coffee
+++ b/src/General/Settings.coffee
@@ -245,14 +245,18 @@ Settings =
       input = $ "[name='#{name}']", section
       items[name]  = Conf[name]
       inputs[name] = input
-      event = if name in ['favicon', 'usercss']
-        'change'
+      if name is 'usercss'
+        $.on input, 'change', $.cb.value
+      else if name is 'favicon'
+        $.on input, 'change', $.cb.value
+        $.on input, 'change', Settings[name]
       else
-        'input'
-      $.on input, event, $.cb.value
+        $.on input, 'input', $.cb.value
+        $.on input, 'input', Settings[name]
 
     # Quick Reply Personas
     ta = $ '.personafield', section
+
     $.get 'QR.personas', Conf['QR.personas'], (item) ->
       ta.value = item['QR.personas']
     $.on ta, 'change', $.cb.value
@@ -262,7 +266,6 @@ Settings =
         input = inputs[key]
         input.value = val
         continue if key is 'usercss'
-        $.on input, event, Settings[key]
         Settings[key].call input
       Rice.nodes section
 
@@ -387,7 +390,7 @@ Settings =
   favicon: ->
     Favicon.switch()
     Unread.update() if g.VIEW is 'thread' and Conf['Unread Favicon']
-    img = @nextElementSibling.children
+    img = ($.id 'favicon-preview').children
     img[0].src = Favicon.default
     img[1].src = Favicon.unreadSFW
     img[2].src = Favicon.unreadNSFW
diff --git a/src/General/html/Settings/Advanced.html b/src/General/html/Settings/Advanced.html
index 70d77e874..c4aa82464 100755
--- a/src/General/html/Settings/Advanced.html
+++ b/src/General/html/Settings/Advanced.html
@@ -1,6 +1,6 @@
 <fieldset>
   <legend>Archiver</legend>
-  <div class="warning" #{if Conf['404 Redirect'] then 'hidden' else ''}><code>404 Redirect</code> is disabled.</div>
+  <div class="warning" data-feature='404 Redirect'><code>404 Redirect</code> is disabled.</div>
   <div><select id='archive-board-select'></select></div>
   <table id='archive-table'>
     <thead>
@@ -19,18 +19,22 @@
   <span class=note>New lines will be converted into spaces.</span><br><br>
   <div class=note>In the following examples for /g/, <code>g</code> can be changed to a different board ID (<code>a</code>, <code>b</code>, etc...), the current board (<code>current</code>), or the Twitter link (<code>@</code>).</div>
   <div>Board link: <code>g</code></div>
+  <div>Archive link: <code>g-archive</code></div>
+  <div>Internal archive link: <code>g-expired</code></div>
   <div>Title link: <code>g-title</code></div>
   <div>Board link (Replace with title when on that board): <code>g-replace</code></div>
   <div>Full text link: <code>g-full</code></div>
   <div>Custom text link: <code>g-text:"Install Gentoo"</code></div>
+  <div>Index-only link: <code>g-index</code></div>
+  <div>Catalog-only link: <code>g-catalog</code></div>
   <div>External link: <code>external-text:"Google","http://www.google.com"</code></div>
   <div>Index mode: <code>g-mode:"type"</code> where type is <code>paged</code>, <code>all threads</code> or <code>catalog</code></div>
   <div>Index sort: <code>g-sort:"type"</code> where type is <code>bump order</code>, <code>last reply</code>, <code>creation date</code>, <code>reply count</code> or <code>file count</code></div
-  <div>Combinations are possible: <code>g-text:"VIP Catalog"-mode:"catalog"-sort:"creation date"</code></div>
+  <div>Combinations are possible: <code>g-index-text:"Technology Index"</code></div>
   <div>Full board list toggle: <code>toggle-all</code></div>
   <br>
   <div class=note>
-    <code>[ toggle-all ] [current-title] [g-title / a-title / jp-title] [x / wsg / h-mode:"catalog"-sort:"file count"] [t-text:"Piracy"]</code><br>
+    <code>[ toggle-all ] [current-title] [g-title / a-title / jp-title] [x / wsg / h] [t-text:"Piracy"]</code><br>
     will give you<br>
     <code>[ + ] [Technology] [Technology / Anime & Manga / Otaku Culture] [x / wsg / h] [Piracy]</code><br>
     if you are on /g/.
@@ -38,7 +42,7 @@
 </fieldset>
 
 <fieldset>
-  <legend>Time Formatting <span class=warning #{if Conf['Time Formatting'] then 'hidden' else ''}>is disabled.</span></legend>
+  <legend>Time Formatting <span class=warning data-feature='Time Formatting'>is disabled.</span></legend>
   <div><input name=time class=field spellcheck=false>: <span class=time-preview></span></div>
   <div>Supported <a href=//en.wikipedia.org/wiki/Date_%28Unix%29#Formatting>format specifiers</a>:</div>
   <div>Day: <code>%a</code>, <code>%A</code>, <code>%d</code>, <code>%e</code></div>
@@ -50,13 +54,13 @@
 </fieldset>
 
 <fieldset>
-  <legend>Quote Backlinks formatting <span class=warning #{if Conf['Quote Backlinks'] then 'hidden' else ''}>is disabled.</span></legend>
+  <legend>Quote Backlinks formatting <span class=warning data-feature='Quote Backlinks'>is disabled.</span></legend>
   <div><input name=backlink class=field spellcheck=false>: <span class=backlink-preview></span></div>
 </fieldset>
 
 <fieldset>
-  <legend>File Info Formatting <span class=warning #{if Conf['File Info Formatting'] then 'hidden' else ''}>is disabled.</span></legend>
-  <div><input name=fileInfo class=field spellcheck=false>: <span class='fileText file-info-preview'></span></div>
+  <legend>File Info Formatting <span class=warning data-feature='File Info Formatting'>is disabled.</span></legend>
+  <div><input name=fileInfo class=field spellcheck=false>: <span class='file-info file-info-preview'></span></div>
   <div>Link: <code>%l</code> (truncated), <code>%L</code> (untruncated), <code>%T</code> (Unix timestamp)</div>
   <div>Original file name: <code>%n</code> (truncated), <code>%N</code> (untruncated), <code>%t</code> (Unix timestamp)</div>
   <div>Spoiler indicator: <code>%p</code></div>
@@ -66,7 +70,7 @@
 
 <fieldset>
   <legend>Quick Reply Personas</legend>
-  <textarea class=personafield name="QR.personas" class="field" spellcheck="false"></textarea>
+  <textarea class="personafield field" name="QR.personas" spellcheck="false"></textarea>
   <p>
     One item per line.<br>
     Items will be added in the relevant input's auto-completion list.<br>
@@ -82,29 +86,34 @@
 </fieldset>
 
 <fieldset>
-  <legend>Unread Favicon <span class=warning #{if Conf['Unread Favicon'] then 'hidden' else ''}>is disabled.</span></legend>
+  <legend>Unread Favicon <span class=warning data-feature='Unread Favicon'>is disabled.</span></legend>
   <select name=favicon>
     <option value=ferongr>ferongr</option>
     <option value=xat->xat-</option>
-    <option value=Mayhem>Mayhem</option>
     <option value=4chanJS>4chanJS</option>
+    <option value=Mayhem>Mayhem</option>
     <option value=Original>Original</option>
     <option value=Metro>Metro</option>
   </select>
-  <span id=favicon-preview></span>
+  <span id=favicon-preview>
+    <img src="data:image/gif;base64,R0lGODlhEAAQAPAAAAAAAAAAACH5BAEAAAAALAAAAAAQABAAAAIOhI%2Bpy%2B0Po5y02ouzPgUAOw%3D%3D">
+    <img src="data:image/gif;base64,R0lGODlhEAAQAPAAAAAAAAAAACH5BAEAAAAALAAAAAAQABAAAAIOhI%2Bpy%2B0Po5y02ouzPgUAOw%3D%3D">
+    <img src="data:image/gif;base64,R0lGODlhEAAQAPAAAAAAAAAAACH5BAEAAAAALAAAAAAQABAAAAIOhI%2Bpy%2B0Po5y02ouzPgUAOw%3D%3D">
+    <img src="data:image/gif;base64,R0lGODlhEAAQAPAAAAAAAAAAACH5BAEAAAAALAAAAAAQABAAAAIOhI%2Bpy%2B0Po5y02ouzPgUAOw%3D%3D">
+  </span>
 </fieldset>
 
 <fieldset>
-  <legend>Thread Updater <span class=warning #{if Conf['Thread Updater'] then 'hidden' else ''}>is disabled.</span></legend>
+  <legend>Thread Updater <span class=warning data-feature='Thread Updater'>is disabled.</span></legend>
   <div>
-    Interval: <input type=number name=Interval class=field min=1 value=#{Conf['Interval']}>
+    Interval: <input type="number" name="Interval" class="field" min="1"> seconds
   </div>
 </fieldset>
 
 <fieldset>
-  <legend><input type=checkbox name='Custom CSS' #{if Conf['Custom CSS'] then 'checked' else ''}> Custom CSS</legend>
-  <div>
-    <button id=apply-css>Apply CSS</button>
-    <textarea name=usercss class=field spellcheck=false #{if Conf['Custom CSS'] then '' else 'disabled'}></textarea>
-  </div>
+  <legend>
+    <label><input type=checkbox name='Custom CSS'> Custom CSS</label>
+  </legend>
+  <button id=apply-css>Apply CSS</button>
+  <textarea name=usercss class=field spellcheck=false></textarea>
 </fieldset>
diff --git a/src/General/lib/$.coffee b/src/General/lib/$.coffee
index 068c67296..1b6e8dfe1 100755
--- a/src/General/lib/$.coffee
+++ b/src/General/lib/$.coffee
@@ -189,6 +189,7 @@ $.one = (el, events, handler) ->
     $.off el, events, cb
     handler.call @, e
   $.on el, events, cb
+
 $.event = (event, detail, root=d) ->
   <% if (type === 'userscript') { %>
   if detail? and typeof cloneInto is 'function'
diff --git a/src/Theming/Rice.coffee b/src/Theming/Rice.coffee
index c6aeccb21..b6f6adcfa 100644
--- a/src/Theming/Rice.coffee
+++ b/src/Theming/Rice.coffee
@@ -57,7 +57,7 @@ Rice =
     option: (e) ->
       e.stopPropagation()
       e.preventDefault()
-      
+
       return if @dataset.disabled
 
       select    = Rice.input
@@ -83,7 +83,7 @@ Rice =
       {style} = ul
 
       style.cssText = "width: #{width}px; left: #{left}px;" + (if clientHeight - bottom < 200 then "bottom: #{clientHeight - top}px" else "top: #{bottom}px")
-      Rice.input = select = @previousSibling
+      Rice.input = select = @previousElementSibling
 
       nodes = []
       for option in select.options