Merge branch 'v3'

Conflicts: .gitignore CHANGELOG.md LICENSE builds/crx/manifest.json builds/crx/script.js latest.js package.json src/Filtering/PostHiding.coffee src/Filtering/ThreadHiding.coffee src/General/Header.coffee src/General/Main.coffee src/General/html/Monitoring/ThreadWatcher.html src/Images/ImageExpand.coffee src/Menu/Menu.coffee src/Posting/QuickReply.coffee
2013-08-15 23:02:54 -07:00 · 2013-08-15 23:02:54 -07:00 · bc501dc022
commit bc501dc022
parent 175880a4bd faa8ee63b0
177 changed files with 449 additions and 24623 deletions
--- a/.gitignore
+++ b/.gitignore
@ -3,13 +3,6 @@ node_modules/
 *.db
 tmp-crx/
 tmp-userscript/
-<<<<<<< HEAD
-builds/4chan-X.zip
 Gruntfile.js
 builds/4chan-*
-Gruntfile.js
-=======
-builds/4chan-X-Chrome.zip
-builds/4chan-X-Opera.nex
-Gruntfile.js
->>>>>>> v3
+Gruntfile.js
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@ -1,3 +1,25 @@
+**seaweedchan**:
+- Fix Color User IDs
+
+**MayhemYDG**:
+
+![New thread watcher](src/General/img/changelog/1.2.28.png)
+
+- Greatly improved thread watcher
+  - Added submenu with ability to prune 404'd threads, filter by current board, etc
+  - Periodically checks which threads have 404'd and indicates them with a strikethrough
+- Removed `Check for Updates` as your browser should now handle this automatically
+- Fixed an error for Firefox <23 users
+- Add a message for Chrome users who experience the Corrupted File bug
+
+**Zixaphir**:
+
+![Linkifier in action](src/General/img/changelog/1.2.28-2.png)
+
+- Drastically improved the accuracy and quality of the linkifier (with seaweedchan)
+- More under-the-hood linkifier changes, including support for all top-level domains (with seaweedchan)
+- Removed `Allow False Positives` option due to the accuracy of the new linkifier regex
+
 ### 2.3.2 - *2013-08-12*

 **zixaphir**:
@ -13,24 +35,16 @@
 **aeosynth**:
 - Update Gruntfile.coffee.

+**Zixaphir**:
+- Added Twitch.tv and Vine embedding (with @ihavenoface)
+- Keybinds to scroll to posts that quote you.
+- New Feature: toggle between image banners by clicking them.
+- Minor optimizations.
+- Minor fixes.
+
 **MayhemYDG**:
- **New feature**: `Show Dice Roll` (with @carboncopy)
- - Shows dice that were entered into the email field on /tg/.
- **Thread Watcher** improvements:
- - It is now possible to open all watched threads via the `Open all threads` button in the Thread Watcher's menu.
- - Added the `Current Board` setting to switch between showing watched threads from the current board or all boards, disabled by default.
- - About dead (404'd) threads:
-  - Dead threads will be typographically indicated with a strikethrough.
-  - Dead threads will directly link to the corresponding archive when available.
-  - A button to prune all 404'd threads from the list is now available.
-  - Added the `Auto Prune` setting to automatically prune 404'd threads, disabled by default.
- - The current thread is now highlighted in the list of watched threads.
- - Watching the current thread can be done in the Header's menu too.
- Removed the `Check for Updates` setting:
- - Your browser/userscript manager should handle updates itself automatically.
- Fix impossibility to create new threads when in dead threads.
+- Show dice rolls that were entered into the email field on /tg/.
 - Fix flag filtering on /sp/ and /int/.
- Update archives. (with @woxxy and @proplex)
 - Minor fixes.
 - Minor optimizations.

@ -38,14 +52,7 @@
 - Fix issues with having two options called `Reveal Spoilers`. 
 - Update archive.

-**zixaphir**:
- Linkifier Rewrite.
- Fix Quote Threading toggle.
- Added Twitch.tv and Vine embedding (with @ihavenoface)
- Keybinds to scroll to posts that quote you.
- New Feature: toggle between image banners by clicking them.
- Minor optimizations.
- Minor fixes.
+**Zixaphir**:

 ### v2.2.2
 *2013-08-01*
--- a/Gruntfile.coffee
+++ b/Gruntfile.coffee
@ -182,27 +182,23 @@ module.exports = (grunt) ->

  grunt.registerTask 'release', [
    'build'
+    'compress:crx'
    'shell:commit'
    'shell:push'
-    'build-crx'
-    'compress:crx'
  ]
  grunt.registerTask 'patch', [
    'bump'
    'updcl:3'
-    'release'
  ]

  grunt.registerTask 'minor', [
    'bump:minor'
    'updcl:2'
-    'release'
  ]

  grunt.registerTask 'major', [
    'bump:major'
    'updcl:1'
-    'release'
  ]

  grunt.registerTask 'updcl', 'Update the changelog', (headerLevel) ->
@ -211,6 +207,5 @@ module.exports = (grunt) ->
    today     = grunt.template.today 'yyyy-mm-dd'
    changelog = grunt.file.read 'CHANGELOG.md'

-    grunt.file.write 'CHANGELOG.md', "#{headerPrefix} #{version} - *#{today}*\n\n#{changelog}"
+    grunt.file.write 'CHANGELOG.md', "#{headerPrefix} v#{version} \n*#{today}*\n\n#{changelog}"
    grunt.log.ok "Changelog updated for v#{version}."
-
--- a/2
+++ b/2
@ -1,5 +1,5 @@
 /*
-* appchan x - Version 2.3.2 - 2013-08-13
+* appchan x - Version 2.3.2 - 2013-08-15
 *
 * Licensed under the MIT license.
 * https://github.com/zixaphir/appchan-x/blob/master/LICENSE
--- a/README.md
+++ b/README.md
--- a/builds/4chan-X.js
+++ b/builds/4chan-X.js
--- a/builds/4chan-X.meta.js
+++ b/builds/4chan-X.meta.js
@ -1,19 +0,0 @@
-// ==UserScript==
-// @name         4chan X
-// @version      1.2.25
-// @namespace    4chan-X
-// @description  Cross-browser userscript for maximum lurking on 4chan.
-// @license      MIT; https://github.com/seaweedchan/4chan-x/blob/master/LICENSE 
-// @match        *://api.4chan.org/*
-// @match        *://boards.4chan.org/*
-// @match        *://images.4chan.org/*
-// @match        *://sys.4chan.org/*
-// @grant        GM_getValue
-// @grant        GM_setValue
-// @grant        GM_deleteValue
-// @grant        GM_openInTab
-// @run-at       document-start
-// @updateURL 	 https://github.com/seaweedchan/4chan-x/raw/stable/builds/4chan-X.meta.js
-// @downloadURL  https://github.com/seaweedchan/4chan-x/raw/stable/builds/4chan-X.user.js
-// @icon         data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwAgMAAAAqbBEUAAAACVBMVEUAAGcAAABmzDNZt9VtAAAAAXRSTlMAQObYZgAAAHFJREFUKFOt0LENACEIBdBv4Qju4wgWanEj3D6OcIVMKaitYHEU/jwTCQj8W75kiVCSBvdQ5/AvfVHBin11BgdRq3ysBgfwBDRrj3MCIA+oAQaku/Q1cNctrAmyDl577tOThYt/Y1RBM4DgOHzM0HFTAyLukH/cmRnqAAAAAElFTkSuQmCC
-// ==/UserScript==
--- a/builds/4chan-X.user.js
+++ b/builds/4chan-X.user.js
--- a/builds/appchan-x.nex
+++ b/builds/appchan-x.nex
--- a/builds/appchan-x.user.js
+++ b/builds/appchan-x.user.js
@ -18,7 +18,7 @@
 // ==/UserScript==

 /*
-* appchan x - Version 2.3.2 - 2013-08-13
+* appchan x - Version 2.3.2 - 2013-08-15
 *
 * Licensed under the MIT license.
 * https://github.com/zixaphir/appchan-x/blob/master/LICENSE
@ -3781,10 +3781,7 @@
  })();

  Polyfill = {
-    init: function() {
-      Polyfill.toBlob();
-      return Polyfill.visibility();
-    },
+    init: function() {},
    toBlob: function() {
      var _base;

@ -3826,11 +3823,11 @@

  Header = {
    init: function() {
-      var barFixedToggler, barPositionToggler, customNavToggler, editCustomNav, headerToggler,
+      var barFixedToggler, barPositionToggler, customNavToggler, editCustomNav, headerToggler, menuButton,
        _this = this;

      this.menu = new UI.Menu('header');
-      this.menuButton = $.el('span', {
+      menuButton = $.el('span', {
        className: 'menu-button',
        id: 'main-menu'
      });
@ -4051,17 +4048,14 @@
      (hide ? $.addClass : $.rmClass)(Header.bar, 'autohide');
      return (hide ? $.addClass : $.rmClass)(doc, 'autohide');
    },
-    toggleBarVisibility: function(e) {
+    toggleBarVisibility: function() {
      var hide, message;

-      if (e.type === 'mousedown' && e.button !== 0) {
-        return;
-      }
      hide = this.nodeName === 'INPUT' ? this.checked : !$.hasClass(Header.bar, 'autohide');
-      Conf['Header auto-hide'] = hide;
-      $.set('Header auto-hide', hide);
+      this.checked = hide;
+      $.set('Header auto-hide', Conf['Header auto-hide'] = hide);
      Header.setBarVisibility(hide);
-      message = hide ? 'The header bar will automatically hide itself.' : 'The header bar will remain visible.';
+      message = "The header bar will " + (hide ? 'automatically hide itself.' : 'remain visible.');
      return new Notification('info', message, 2);
    },
    setCustomNav: function(show) {
@ -4109,9 +4103,8 @@
      var shortcut;

      shortcut = $.el('span', {
-        className: 'shortcut'
+        className: 'shortcut brackets-wrap'
      });
-      $.addClass(el, 'brackets-wrap');
      $.add(shortcut, el);
      return $.prepend(Header.shortcuts, shortcut);
    },
@ -4266,7 +4259,7 @@
      container = $.el('div', {
        id: "pc" + postID,
        className: "postContainer " + (isOP ? 'op' : 'reply') + "Container",
-        innerHTML: "" + (isOP ? '' : "<div class=sideArrows id=sa" + postID + ">&gt;&gt;</div>") + "<div id=p" + postID + " class='post " + (isOP ? 'op' : 'reply') + (capcode === 'admin_highlight' ? ' highlightPost' : '') + "'><div class='postInfoM mobile' id=pim" + postID + "><span class='nameBlock" + capcodeClass + "'><span class=name>" + (name || '') + "</span>" + (tripcode + capcodeStart + capcode + userID + flag + sticky + closed) + "<br>" + subject + "</span><span class='dateTime postNum' data-utc=" + dateUTC + ">" + date + "<a href=" + ("/" + boardID + "/res/" + threadID + "#p" + postID) + ">No.</a><a href='" + (g.VIEW === 'thread' && g.THREADID === +threadID ? "javascript:quote(" + postID + ")" : "/" + boardID + "/res/" + threadID + "#q" + postID) + "'>" + postID + "</a></span></div>" + (isOP ? fileHTML : '') + "<div class='postInfo desktop' id=pi" + postID + "><input type=checkbox name=" + postID + " value=delete>" + subject + "<span class='nameBlock" + capcodeClass + "'>" + emailStart + "<span class=name>" + (name || '') + "</span>" + (tripcode + capcodeStart + emailEnd + capcode + userID + flag + sticky + closed) + "</span>" + " " + "<span class=dateTime data-utc=" + dateUTC + ">" + date + "</span>" + " " + "<span class='postNum desktop'><a href=" + ("/" + boardID + "/res/" + threadID + "#p" + postID) + " title='Highlight this post'>No.</a><a href='" + (g.VIEW === 'thread' && g.THREADID === +threadID ? "javascript:quote(" + postID + ")" : "/" + boardID + "/res/" + threadID + "#q" + postID) + "' title='Quote this post'>" + postID + "</a></span></div>" + (isOP ? '' : fileHTML) + "<blockquote class=postMessage id=m" + postID + ">" + (comment || '') + "</blockquote>" + " " + "</div>"
+        innerHTML: "" + (isOP ? '' : "<div class=sideArrows id=sa" + postID + ">&gt;&gt;</div>") + "<div id=p" + postID + " class='post " + (isOP ? 'op' : 'reply') + (capcode === 'admin_highlight' ? ' highlightPost' : '') + "'><div class='postInfoM mobile' id=pim" + postID + "><span class='nameBlock" + capcodeClass + "'><span class=name>" + (name || '') + "</span>" + (tripcode + capcodeStart + capcode + userID + flag + sticky + closed) + "<br>" + subject + "</span><span class='dateTime postNum' data-utc=" + dateUTC + ">" + date + "<a href=" + ("/" + boardID + "/res/" + threadID + "#p" + postID) + ">No.</a><a href='" + (g.VIEW === 'thread' && g.THREADID === +threadID ? "javascript:quote(" + postID + ")" : "/" + boardID + "/res/" + threadID + "#q" + postID) + "'>" + postID + "</a></span></div>" + (isOP ? fileHTML : '') + "<div class='postInfo desktop' id=pi" + postID + "><input type=checkbox name=" + postID + " value=delete>" + subject + "&nbsp;<span class='nameBlock" + capcodeClass + "'>" + emailStart + "<span class=name>" + (name || '') + "</span>" + (tripcode + capcodeStart + emailEnd + capcode + userID + flag + sticky + closed) + "</span>" + " " + "<span class=dateTime data-utc=" + dateUTC + ">" + date + "</span>" + " " + "<span class='postNum desktop'><a href=" + ("/" + boardID + "/res/" + threadID + "#p" + postID) + " title='Highlight this post'>No.</a><a href='" + (g.VIEW === 'thread' && g.THREADID === +threadID ? "javascript:quote(" + postID + ")" : "/" + boardID + "/res/" + threadID + "#q" + postID) + "' title='Quote this post'>" + postID + "</a></span></div>" + (isOP ? '' : fileHTML) + "<blockquote class=postMessage id=m" + postID + ">" + (comment || '') + "</blockquote>" + " " + "</div>"
      });
      _ref = $$('.quotelink', container);
      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
@ -4335,6 +4328,9 @@
    threadFromRoot: function(root) {
      return g.threads["" + g.BOARD + "." + root.id.slice(1)];
    },
+    threadFromNode: function(node) {
+      return Get.threadFromRoot($.x('ancestor::div[@class="thread"]', node));
+    },
    postFromRoot: function(root) {
      var boardID, index, link, post, postID;

@ -4352,8 +4348,8 @@
    postFromNode: function(root) {
      return Get.postFromRoot($.x('(ancestor::div[contains(@class,"postContainer")][1]|following::div[contains(@class,"postContainer")][1])', root));
    },
-    contextFromNode: function(quotelink) {
-      return Get.postFromRoot($.x('ancestor::div[parent::div[@class="thread"]][1]', quotelink));
+    contextFromNode: function(node) {
+      return Get.postFromRoot($.x('ancestor::div[parent::div[@class="thread"]][1]', node));
    },
    postDataFromLink: function(link) {
      var boardID, path, postID, threadID, _ref;
@ -5612,7 +5608,7 @@
      post.nodes.stub = $.el('div', {
        className: 'stub'
      });
-      $.add(post.nodes.stub, !Conf['Menu'] ? a : [a, $.tn(' '), button = Menu.makeButton(post)]);
+      $.add(post.nodes.stub, Conf['Menu'] ? [a, $.tn(' '), button = Menu.makeButton(post)] : a);
      return $.prepend(post.nodes.root, post.nodes.stub);
    },
    show: function(post, showRecursively) {
@ -5941,7 +5937,7 @@
      return ThreadHiding.saveHiddenState(thread);
    },
    hide: function(thread, makeStub) {
-      var OP, a, button, numReplies, opInfo, span, threadRoot;
+      var OP, a, numReplies, opInfo, span, threadRoot;

      if (makeStub == null) {
        makeStub = Conf['Stubs'];
@ -5961,7 +5957,7 @@
      thread.stub = $.el('div', {
        className: 'stub'
      });
-      $.add(thread.stub, !Conf['Menu'] ? a : [a, $.tn(' '), button = Menu.makeButton(OP)]);
+      $.add(thread.stub, Conf['Menu'] ? [a, $.tn(' '), Menu.makeButton()] : a);
      return $.prepend(threadRoot, thread.stub);
    },
    show: function(thread) {
@ -6075,26 +6071,23 @@
      });
    },
    node: function() {
-      var board, boardID, quotelink, quotelinks, quotes, thread, threadID, _i, _len, _ref, _ref1;
+      var board, boardID, quotelink, thread, threadID, _i, _len, _ref, _ref1, _ref2;

      if (this.isClone && this.thread === this.context.thread) {
        return;
      }
-      if (!(quotes = this.quotes).length) {
-        return;
-      }
-      quotelinks = this.nodes.quotelinks;
      _ref = this.isClone ? this.context : this, board = _ref.board, thread = _ref.thread;
-      for (_i = 0, _len = quotelinks.length; _i < _len; _i++) {
-        quotelink = quotelinks[_i];
-        _ref1 = Get.postDataFromLink(quotelink), boardID = _ref1.boardID, threadID = _ref1.threadID;
+      _ref1 = this.nodes.quotelinks;
+      for (_i = 0, _len = _ref1.length; _i < _len; _i++) {
+        quotelink = _ref1[_i];
+        _ref2 = Get.postDataFromLink(quotelink), boardID = _ref2.boardID, threadID = _ref2.threadID;
        if (!threadID) {
          continue;
        }
        if (this.isClone) {
          quotelink.textContent = quotelink.textContent.replace(QuoteCT.text, '');
        }
-        if (boardID === this.board.ID && threadID !== thread.ID) {
+        if (boardID === board.ID && threadID !== thread.ID) {
          $.add(quotelink, $.tn(QuoteCT.text));
        }
      }
@ -6241,7 +6234,7 @@
      });
    },
    node: function() {
-      var boardID, op, postID, quotelink, quotelinks, quotes, _i, _j, _len, _len1, _ref;
+      var boardID, fullID, i, postID, quotelink, quotelinks, quotes, _ref;

      if (this.isClone && this.thread === this.context.thread) {
        return;
@ -6251,19 +6244,19 @@
      }
      quotelinks = this.nodes.quotelinks;
      if (this.isClone && quotes.contains(this.thread.fullID)) {
-        for (_i = 0, _len = quotelinks.length; _i < _len; _i++) {
-          quotelink = quotelinks[_i];
+        i = 0;
+        while (quotelink = quotelinks[i++]) {
          quotelink.textContent = quotelink.textContent.replace(QuoteOP.text, '');
        }
      }
-      op = (this.isClone ? this.context : this).thread.fullID;
-      if (!quotes.contains(op)) {
+      fullID = (this.isClone ? this.context : this).thread.fullID;
+      if (!quotes.contains(fullID)) {
        return;
      }
-      for (_j = 0, _len1 = quotelinks.length; _j < _len1; _j++) {
-        quotelink = quotelinks[_j];
+      i = 0;
+      while (quotelink = quotelinks[i++]) {
        _ref = Get.postDataFromLink(quotelink), boardID = _ref.boardID, postID = _ref.postID;
-        if (("" + boardID + "." + postID) === op) {
+        if (("" + boardID + "." + postID) === fullID) {
          $.add(quotelink, $.tn(QuoteOP.text));
        }
      }
@ -6724,7 +6717,7 @@
      if (g.VIEW === 'catalog' || !Conf['Linkify']) {
        return;
      }
-      this.regString = /(?:[a-z][-\w]+:([a-z\d%\/])|www\d{0,3}[.]|[-a-z\d.]+[.](com|net|org|jp|uk|ru|be|tv|xxx|edu|gov|cd|es|de|se|tk|dk|io|fm|fi)|[\d]{1,3}\.[\d]{1,3}\.[\d]{1,3}\.[\d]{1,3}|[-\w\d.@]+@[a-z\d.-]+\.[a-z\d])/i;
+      this.regString = /((https?|mailto|git|magnet|ftp|irc):([a-z\d%\/])|[-a-z\d]+[.](aero|asia|biz|cat|com|coop|info|int|jobs|mobi|museum|name|net|org|post|pro|tel|travel|xxx|edu|gov|mil|[a-z]{2})(\/|(?!.))|[\d]{1,3}\.[\d]{1,3}\.[\d]{1,3}\.[\d]{1,3}|[-\w\d.@]+@[a-z\d.-]+\.[a-z\d])/i;
      if (Conf['Comment Expansion']) {
        ExpandComment.callbacks.push(this.node);
      }
@ -6737,7 +6730,7 @@
      });
    },
    node: function() {
-      var data, el, end, endNode, i, index, items, lIndex, length, link, links, node, range, result, saved, snapshot, space, test, text, _i, _len, _ref;
+      var data, el, end, endNode, i, index, items, length, link, links, node, range, result, saved, snapshot, space, test, _i, _len, _ref;

      if (this.isClone) {
        if (Conf['Embedding']) {
@ -6782,18 +6775,14 @@
              test.lastIndex = 0;
            }
            range = Linkify.makeRange(node, endNode, index, length);
-            if (link = Linkify.regString.exec(text = range.toString())) {
-              if (lIndex = link.index) {
-                range.setStart(node, lIndex + index);
-                text = text.slice(0, lIndex);
-              }
-              links.push([range, text]);
+            if (link = Linkify.regString.exec(range.toString())) {
+              links.push(range);
            }
            break;
          } else {
            if (link = Linkify.regString.exec(result[0])) {
-              range = Linkify.makeRange(node, node, index + link.index, length + link.index);
-              links.push([range, link]);
+              range = Linkify.makeRange(node, node, index + link.index, length);
+              links.push(range);
            }
          }
        }
@ -6827,11 +6816,39 @@
      range.setEnd(endNode, endOffset);
      return range;
    },
-    makeLink: function(_arg) {
-      var a, range, text;
+    makeLink: function(range) {
+      var a, char, i, text;

-      range = _arg[0], text = _arg[1];
-      text;
+      text = range.toString();
+      i = 0;
+      while (/[(\[{<>]/.test(text.charAt(i))) {
+        i++;
+      }
+      if (i) {
+        text = text.slice(i);
+        while (range.startOffset + i >= range.startContainer.data.length) {
+          i--;
+        }
+        if (i) {
+          range.setStart(range.startContainer, range.startOffset + i);
+        }
+      }
+      i = 0;
+      while (/[)\]}>.,]/.test(char = text.charAt(text.length - (1 + i)))) {
+        if (!(/[.,]/.test(char) || (text.match(/[()\[\]{}<>]/g)).length % 2)) {
+          break;
+        }
+        i++;
+      }
+      if (i) {
+        text = text.slice(0, -i);
+        while (range.endOffset - i < 0) {
+          i--;
+        }
+        if (i) {
+          range.setEnd(range.endContainer, range.endOffset - i);
+        }
+      }
      text = text.contains(':') ? text : (text.contains('@') ? 'mailto:' : 'http://') + text;
      a = $.el('a', {
        className: 'linkify',
@ -7640,7 +7657,7 @@
      }
      _ref = QR.nodes, com = _ref.com, thread = _ref.thread;
      if (!com.value) {
-        thread.value = Get.contextFromNode(this).thread;
+        thread.value = Get.threadFromNode(this);
      }
      thread.nextElementSibling.firstElementChild.textContent = thread.options[thread.selectedIndex].textContent;
      caretPos = com.selectionStart;
@ -9420,48 +9437,44 @@
    }
  };

-  Menu = (function() {
-    var a;
+  Menu = {
+    init: function() {
+      if (g.VIEW === 'catalog' || !Conf['Menu']) {
+        return;
+      }
+      this.menu = new UI.Menu('post');
+      return Post.prototype.callbacks.push({
+        name: 'Menu',
+        cb: this.node
+      });
+    },
+    node: function() {
+      if (this.isClone) {
+        return $.on($('.menu-button', this.nodes.info), 'click', Menu.toggle);
+      } else {
+        return $.add(this.nodes.info, [$.tn('\u00A0'), Menu.makeButton()]);
+      }
+    },
+    makeButton: (function() {
+      var a;

-    a = $.el('a', {
-      className: 'menu-button brackets-wrap',
-      innerHTML: '<span class=drop-marker></span>',
-      href: 'javascript:;'
-    });
-    return {
-      init: function() {
-        if (g.VIEW === 'catalog' || !Conf['Menu']) {
-          return;
-        }
-        this.menu = new UI.Menu('post');
-        return Post.prototype.callbacks.push({
-          name: 'Menu',
-          cb: this.node
-        });
-      },
-      node: function() {
+      a = $.el('a', {
+        className: 'menu-button brackets-wrap',
+        innerHTML: '<span class=drop-marker></span>',
+        href: 'javascript:;'
+      });
+      return function() {
        var button;

-        if (this.isClone) {
-          button = $('.menu-button', this.nodes.info);
-        } else {
-          button = a.cloneNode(true);
-          $.add(this.nodes.info, [$.tn('\u00A0'), button]);
-        }
-        return $.on(button, 'click', Menu.toggle);
-      },
-      makeButton: function() {
-        var el;
-
-        el = a.cloneNode(true);
-        $.on(el, 'click', Menu.toggle);
-        return el;
-      },
-      toggle: function(e) {
-        return Menu.menu.toggle(e, this, Get.postFromNode(this));
-      }
-    };
-  })();
+        button = a.cloneNode(true);
+        $.on(button, 'click', Menu.toggle);
+        return button;
+      };
+    })(),
+    toggle: function(e) {
+      return Menu.menu.toggle(e, this, Get.postFromNode(this));
+    }
+  };

  ReportLink = {
    init: function() {
@ -10133,7 +10146,7 @@
      var toggler;

      toggler = $.el('img', {
-        className: 'watcher-toggler'
+        className: 'watch-thread-link'
      });
      $.on(toggler, 'click', ThreadWatcher.cb.toggle);
      return $.before($('input', this.OP.nodes.post), toggler);
@ -10239,12 +10252,14 @@
      fetching: 0
    },
    fetchAllStatus: function() {
-      var thread, _i, _len, _ref;
+      var thread, threads, _i, _len;

+      if (!(threads = ThreadWatcher.getAll()).length) {
+        return;
+      }
      ThreadWatcher.status.textContent = '...';
-      _ref = ThreadWatcher.getAll();
-      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
-        thread = _ref[_i];
+      for (_i = 0, _len = threads.length; _i < _len; _i++) {
+        thread = threads[_i];
        ThreadWatcher.fetchStatus(thread);
      }
    },
@ -10356,7 +10371,7 @@
      _ref2 = g.BOARD.threads;
      for (threadID in _ref2) {
        thread = _ref2[threadID];
-        toggler = $('.watcher-toggler', thread.OP.nodes.post);
+        toggler = $('.watch-thread-link', thread.OP.nodes.post);
        watched = ThreadWatcher.db.get({
          boardID: thread.board.ID,
          threadID: threadID
@ -12614,7 +12629,7 @@
      $.event('AddMenuEntry', entry);
      $.on(entry.el, 'click', PSAHiding.toggle);
      PSAHiding.btn = btn = $.el('a', {
-        innerHTML: '<span class=fourchanx-link>&nbsp;-&nbsp;</span>',
+        innerHTML: '<span class=brackets-wrap>&nbsp;-&nbsp;</span>',
        title: 'Hide announcement.',
        className: 'hide-announcement',
        href: 'javascript:;',
@ -12724,9 +12739,10 @@

  IDColor = {
    init: function() {
-      if (g.VIEW === 'catalog' || !Conf['Color user IDs']) {
+      if (g.VIEW === 'catalog' || !Conf['Color User IDs']) {
        return;
      }
+      this.ids = {};
      return Post.prototype.callbacks.push({
        name: 'Color User IDs',
        cb: this.node
@ -12744,7 +12760,6 @@
      }
      return uid.style.cssText = IDColor.css(IDColor.ids[str] || IDColor.compute(str));
    },
-    ids: {},
    compute: function(str) {
      var hash, rgb;

@ -12755,17 +12770,15 @@
      return rgb;
    },
    css: function(rgb) {
-      return "background-color: rgb(" + rgb[0] + "," + rgb[1] + "," + rgb[2] + "); color: " + (rgb[3] ? "black;" : "white;") + " border-radius: 3px; padding: 0px 2px;";
+      return "background-color: rgb(" + rgb[0] + "," + rgb[1] + "," + rgb[2] + "); color: " + (rgb[3] ? "#000" : "#fff") + "; border-radius: 3px; padding: 0px 2px;";
    },
    hash: function(str) {
-      var i, j, msg;
+      var i, msg;

      msg = 0;
      i = 0;
-      j = str.length;
-      while (i < j) {
-        msg = ((msg << 5) - msg) + str.charCodeAt(i);
-        ++i;
+      while (i < 8) {
+        msg = ((msg << 5) - msg) + str.charCodeAt(i++);
      }
      return msg;
    }
@ -12953,7 +12966,7 @@
      return ("" + status + " " + posts + " post" + (posts > 1 ? 's' : '')) + (+files ? " and " + files + " image repl" + (files > 1 ? 'ies' : 'y') : "") + (" " + (status === '-' ? 'shown' : 'omitted') + ".");
    },
    cbToggle: function() {
-      return ExpandThread.toggle(Get.threadFromRoot(this.parentNode));
+      return ExpandThread.toggle(Get.threadFromNode(this));
    },
    toggle: function(thread) {
      var a, files, filesCount, inlined, num, post, posts, postsCount, reply, threadRoot, _i, _j, _k, _len, _len1, _len2, _ref, _ref1, _ref2, _ref3, _ref4;
@ -13278,10 +13291,7 @@
          }
          break;
        case Conf['Toggle header']:
-          if (!$('#menu.left')) {
-            Header.menuButton.click();
-          }
-          Header.headerToggler.click();
+          Header.toggleBarVisibility();
          break;
        case Conf['Open empty QR']:
          Keybinds.qr(threadRoot);
@ -13789,7 +13799,7 @@

  Report = {
    init: function() {
-      if (!(/report/.test(location.search) && !d.cookie.contains('pass_enabled=1'))) {
+      if (!/report/.test(location.search)) {
        return;
      }
      return $.asap((function() {
@ -13956,11 +13966,7 @@
        } else {
          $.on(d, '4chanXInitFinished', Settings.open);
        }
-        return $.set({
-          archives: Conf['archives'],
-          lastarchivecheck: now,
-          previousversion: g.VERSION
-        });
+        return $.set('previousversion', g.VERSION);
      });
      Settings.addSection('Style', Settings.style);
      Settings.addSection('Themes', Settings.themes);
@ -15096,7 +15102,7 @@
  };

  Main = {
-    init: function(items) {
+    init: function() {
      var db, flatten, _i, _len;

      flatten = function(parent, obj) {
@ -15131,12 +15137,18 @@
        'selectedArchives': {},
        'CachedTitles': {}
      });
-      return $.get(Conf, Main.initFeatures);
+      $.get(Conf, function(items) {
+        $.extend(Conf, items);
+        return Main.initFeatures();
+      });
+      $.on(d, '4chanMainInit', Main.initStyle);
+      return $.asap((function() {
+        return d.head && $('link[rel="shortcut icon"]', d.head) || d.readyState !== 'loading';
+      }), Main.initStyle);
    },
-    initFeatures: function(items) {
+    initFeatures: function() {
      var init, pathname, _ref;

-      Conf = items;
      pathname = location.pathname.split('/');
      g.BOARD = new Board(pathname[1]);
      g.VIEW = (function() {
@ -15286,7 +15298,7 @@
    initReady: function() {
      var board, err, errors, href, passLink, postRoot, posts, styleSelector, thread, threadRoot, threads, _i, _j, _len, _len1, _ref, _ref1;

-      if (d.title === '4chan - 404 Not Found') {
+      if (['4chan - Temporarily Offline', '4chan - 404 Not Found'].contains(d.title)) {
        if (Conf['404 Redirect'] && g.VIEW === 'thread') {
          href = Redirect.to('thread', {
            boardID: g.BOARD.ID,
--- a/builds/crx/icon128.png
+++ b/builds/crx/icon128.png
--- a/builds/crx/icon16.png
+++ b/builds/crx/icon16.png
--- a/builds/crx/icon48.png
+++ b/builds/crx/icon48.png
--- a/builds/crx/manifest.json
+++ b/builds/crx/manifest.json
@ -15,8 +15,7 @@
    "run_at": "document_start"
  }],
  "homepage_url": "http://zixaphir.github.com/appchan-x/",
-  "minimum_chrome_version": "27",
-  "minimum_opera_version": "15",
+  "minimum_chrome_version": "26",
  "permissions": [
    "storage"
  ]
--- a/builds/crx/script.js
+++ b/builds/crx/script.js
@ -1,6 +1,6 @@
 // Generated by CoffeeScript
 /*
-* appchan x - Version 2.3.2 - 2013-08-13
+* appchan x - Version 2.3.2 - 2013-08-15
 *
 * Licensed under the MIT license.
 * https://github.com/zixaphir/appchan-x/blob/master/LICENSE
@ -3841,11 +3841,11 @@

  Header = {
    init: function() {
-      var barFixedToggler, barPositionToggler, customNavToggler, editCustomNav, headerToggler,
+      var barFixedToggler, barPositionToggler, customNavToggler, editCustomNav, headerToggler, menuButton,
        _this = this;

      this.menu = new UI.Menu('header');
-      this.menuButton = $.el('span', {
+      menuButton = $.el('span', {
        className: 'menu-button',
        id: 'main-menu'
      });
@ -4066,17 +4066,14 @@
      (hide ? $.addClass : $.rmClass)(Header.bar, 'autohide');
      return (hide ? $.addClass : $.rmClass)(doc, 'autohide');
    },
-    toggleBarVisibility: function(e) {
+    toggleBarVisibility: function() {
      var hide, message;

-      if (e.type === 'mousedown' && e.button !== 0) {
-        return;
-      }
      hide = this.nodeName === 'INPUT' ? this.checked : !$.hasClass(Header.bar, 'autohide');
-      Conf['Header auto-hide'] = hide;
-      $.set('Header auto-hide', hide);
+      this.checked = hide;
+      $.set('Header auto-hide', Conf['Header auto-hide'] = hide);
      Header.setBarVisibility(hide);
-      message = hide ? 'The header bar will automatically hide itself.' : 'The header bar will remain visible.';
+      message = "The header bar will " + (hide ? 'automatically hide itself.' : 'remain visible.');
      return new Notification('info', message, 2);
    },
    setCustomNav: function(show) {
@ -4124,9 +4121,8 @@
      var shortcut;

      shortcut = $.el('span', {
-        className: 'shortcut'
+        className: 'shortcut brackets-wrap'
      });
-      $.addClass(el, 'brackets-wrap');
      $.add(shortcut, el);
      return $.prepend(Header.shortcuts, shortcut);
    },
@ -4281,7 +4277,7 @@
      container = $.el('div', {
        id: "pc" + postID,
        className: "postContainer " + (isOP ? 'op' : 'reply') + "Container",
-        innerHTML: "" + (isOP ? '' : "<div class=sideArrows id=sa" + postID + ">&gt;&gt;</div>") + "<div id=p" + postID + " class='post " + (isOP ? 'op' : 'reply') + (capcode === 'admin_highlight' ? ' highlightPost' : '') + "'><div class='postInfoM mobile' id=pim" + postID + "><span class='nameBlock" + capcodeClass + "'><span class=name>" + (name || '') + "</span>" + (tripcode + capcodeStart + capcode + userID + flag + sticky + closed) + "<br>" + subject + "</span><span class='dateTime postNum' data-utc=" + dateUTC + ">" + date + "<a href=" + ("/" + boardID + "/res/" + threadID + "#p" + postID) + ">No.</a><a href='" + (g.VIEW === 'thread' && g.THREADID === +threadID ? "javascript:quote(" + postID + ")" : "/" + boardID + "/res/" + threadID + "#q" + postID) + "'>" + postID + "</a></span></div>" + (isOP ? fileHTML : '') + "<div class='postInfo desktop' id=pi" + postID + "><input type=checkbox name=" + postID + " value=delete>" + subject + "<span class='nameBlock" + capcodeClass + "'>" + emailStart + "<span class=name>" + (name || '') + "</span>" + (tripcode + capcodeStart + emailEnd + capcode + userID + flag + sticky + closed) + "</span>" + " " + "<span class=dateTime data-utc=" + dateUTC + ">" + date + "</span>" + " " + "<span class='postNum desktop'><a href=" + ("/" + boardID + "/res/" + threadID + "#p" + postID) + " title='Highlight this post'>No.</a><a href='" + (g.VIEW === 'thread' && g.THREADID === +threadID ? "javascript:quote(" + postID + ")" : "/" + boardID + "/res/" + threadID + "#q" + postID) + "' title='Quote this post'>" + postID + "</a></span></div>" + (isOP ? '' : fileHTML) + "<blockquote class=postMessage id=m" + postID + ">" + (comment || '') + "</blockquote>" + " " + "</div>"
+        innerHTML: "" + (isOP ? '' : "<div class=sideArrows id=sa" + postID + ">&gt;&gt;</div>") + "<div id=p" + postID + " class='post " + (isOP ? 'op' : 'reply') + (capcode === 'admin_highlight' ? ' highlightPost' : '') + "'><div class='postInfoM mobile' id=pim" + postID + "><span class='nameBlock" + capcodeClass + "'><span class=name>" + (name || '') + "</span>" + (tripcode + capcodeStart + capcode + userID + flag + sticky + closed) + "<br>" + subject + "</span><span class='dateTime postNum' data-utc=" + dateUTC + ">" + date + "<a href=" + ("/" + boardID + "/res/" + threadID + "#p" + postID) + ">No.</a><a href='" + (g.VIEW === 'thread' && g.THREADID === +threadID ? "javascript:quote(" + postID + ")" : "/" + boardID + "/res/" + threadID + "#q" + postID) + "'>" + postID + "</a></span></div>" + (isOP ? fileHTML : '') + "<div class='postInfo desktop' id=pi" + postID + "><input type=checkbox name=" + postID + " value=delete>" + subject + "&nbsp;<span class='nameBlock" + capcodeClass + "'>" + emailStart + "<span class=name>" + (name || '') + "</span>" + (tripcode + capcodeStart + emailEnd + capcode + userID + flag + sticky + closed) + "</span>" + " " + "<span class=dateTime data-utc=" + dateUTC + ">" + date + "</span>" + " " + "<span class='postNum desktop'><a href=" + ("/" + boardID + "/res/" + threadID + "#p" + postID) + " title='Highlight this post'>No.</a><a href='" + (g.VIEW === 'thread' && g.THREADID === +threadID ? "javascript:quote(" + postID + ")" : "/" + boardID + "/res/" + threadID + "#q" + postID) + "' title='Quote this post'>" + postID + "</a></span></div>" + (isOP ? '' : fileHTML) + "<blockquote class=postMessage id=m" + postID + ">" + (comment || '') + "</blockquote>" + " " + "</div>"
      });
      _ref = $$('.quotelink', container);
      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
@ -4350,6 +4346,9 @@
    threadFromRoot: function(root) {
      return g.threads["" + g.BOARD + "." + root.id.slice(1)];
    },
+    threadFromNode: function(node) {
+      return Get.threadFromRoot($.x('ancestor::div[@class="thread"]', node));
+    },
    postFromRoot: function(root) {
      var boardID, index, link, post, postID;

@ -4367,8 +4366,8 @@
    postFromNode: function(root) {
      return Get.postFromRoot($.x('(ancestor::div[contains(@class,"postContainer")][1]|following::div[contains(@class,"postContainer")][1])', root));
    },
-    contextFromNode: function(quotelink) {
-      return Get.postFromRoot($.x('ancestor::div[parent::div[@class="thread"]][1]', quotelink));
+    contextFromNode: function(node) {
+      return Get.postFromRoot($.x('ancestor::div[parent::div[@class="thread"]][1]', node));
    },
    postDataFromLink: function(link) {
      var boardID, path, postID, threadID, _ref;
@ -5620,7 +5619,7 @@
      post.nodes.stub = $.el('div', {
        className: 'stub'
      });
-      $.add(post.nodes.stub, !Conf['Menu'] ? a : [a, $.tn(' '), button = Menu.makeButton(post)]);
+      $.add(post.nodes.stub, Conf['Menu'] ? [a, $.tn(' '), button = Menu.makeButton(post)] : a);
      return $.prepend(post.nodes.root, post.nodes.stub);
    },
    show: function(post, showRecursively) {
@ -5949,7 +5948,7 @@
      return ThreadHiding.saveHiddenState(thread);
    },
    hide: function(thread, makeStub) {
-      var OP, a, button, numReplies, opInfo, span, threadRoot;
+      var OP, a, numReplies, opInfo, span, threadRoot;

      if (makeStub == null) {
        makeStub = Conf['Stubs'];
@ -5969,7 +5968,7 @@
      thread.stub = $.el('div', {
        className: 'stub'
      });
-      $.add(thread.stub, !Conf['Menu'] ? a : [a, $.tn(' '), button = Menu.makeButton(OP)]);
+      $.add(thread.stub, Conf['Menu'] ? [a, $.tn(' '), Menu.makeButton()] : a);
      return $.prepend(threadRoot, thread.stub);
    },
    show: function(thread) {
@ -6083,26 +6082,23 @@
      });
    },
    node: function() {
-      var board, boardID, quotelink, quotelinks, quotes, thread, threadID, _i, _len, _ref, _ref1;
+      var board, boardID, quotelink, thread, threadID, _i, _len, _ref, _ref1, _ref2;

      if (this.isClone && this.thread === this.context.thread) {
        return;
      }
-      if (!(quotes = this.quotes).length) {
-        return;
-      }
-      quotelinks = this.nodes.quotelinks;
      _ref = this.isClone ? this.context : this, board = _ref.board, thread = _ref.thread;
-      for (_i = 0, _len = quotelinks.length; _i < _len; _i++) {
-        quotelink = quotelinks[_i];
-        _ref1 = Get.postDataFromLink(quotelink), boardID = _ref1.boardID, threadID = _ref1.threadID;
+      _ref1 = this.nodes.quotelinks;
+      for (_i = 0, _len = _ref1.length; _i < _len; _i++) {
+        quotelink = _ref1[_i];
+        _ref2 = Get.postDataFromLink(quotelink), boardID = _ref2.boardID, threadID = _ref2.threadID;
        if (!threadID) {
          continue;
        }
        if (this.isClone) {
          quotelink.textContent = quotelink.textContent.replace(QuoteCT.text, '');
        }
-        if (boardID === this.board.ID && threadID !== thread.ID) {
+        if (boardID === board.ID && threadID !== thread.ID) {
          $.add(quotelink, $.tn(QuoteCT.text));
        }
      }
@ -6249,7 +6245,7 @@
      });
    },
    node: function() {
-      var boardID, op, postID, quotelink, quotelinks, quotes, _i, _j, _len, _len1, _ref;
+      var boardID, fullID, i, postID, quotelink, quotelinks, quotes, _ref;

      if (this.isClone && this.thread === this.context.thread) {
        return;
@ -6259,19 +6255,19 @@
      }
      quotelinks = this.nodes.quotelinks;
      if (this.isClone && quotes.contains(this.thread.fullID)) {
-        for (_i = 0, _len = quotelinks.length; _i < _len; _i++) {
-          quotelink = quotelinks[_i];
+        i = 0;
+        while (quotelink = quotelinks[i++]) {
          quotelink.textContent = quotelink.textContent.replace(QuoteOP.text, '');
        }
      }
-      op = (this.isClone ? this.context : this).thread.fullID;
-      if (!quotes.contains(op)) {
+      fullID = (this.isClone ? this.context : this).thread.fullID;
+      if (!quotes.contains(fullID)) {
        return;
      }
-      for (_j = 0, _len1 = quotelinks.length; _j < _len1; _j++) {
-        quotelink = quotelinks[_j];
+      i = 0;
+      while (quotelink = quotelinks[i++]) {
        _ref = Get.postDataFromLink(quotelink), boardID = _ref.boardID, postID = _ref.postID;
-        if (("" + boardID + "." + postID) === op) {
+        if (("" + boardID + "." + postID) === fullID) {
          $.add(quotelink, $.tn(QuoteOP.text));
        }
      }
@ -6732,7 +6728,7 @@
      if (g.VIEW === 'catalog' || !Conf['Linkify']) {
        return;
      }
-      this.regString = /(?:[a-z][-\w]+:([a-z\d%\/])|www\d{0,3}[.]|[-a-z\d.]+[.](com|net|org|jp|uk|ru|be|tv|xxx|edu|gov|cd|es|de|se|tk|dk|io|fm|fi)|[\d]{1,3}\.[\d]{1,3}\.[\d]{1,3}\.[\d]{1,3}|[-\w\d.@]+@[a-z\d.-]+\.[a-z\d])/i;
+      this.regString = /((https?|mailto|git|magnet|ftp|irc):([a-z\d%\/])|[-a-z\d]+[.](aero|asia|biz|cat|com|coop|info|int|jobs|mobi|museum|name|net|org|post|pro|tel|travel|xxx|edu|gov|mil|[a-z]{2})(\/|(?!.))|[\d]{1,3}\.[\d]{1,3}\.[\d]{1,3}\.[\d]{1,3}|[-\w\d.@]+@[a-z\d.-]+\.[a-z\d])/i;
      if (Conf['Comment Expansion']) {
        ExpandComment.callbacks.push(this.node);
      }
@ -6745,7 +6741,7 @@
      });
    },
    node: function() {
-      var data, el, end, endNode, i, index, items, lIndex, length, link, links, node, range, result, saved, snapshot, space, test, text, _i, _len, _ref;
+      var data, el, end, endNode, i, index, items, length, link, links, node, range, result, saved, snapshot, space, test, _i, _len, _ref;

      if (this.isClone) {
        if (Conf['Embedding']) {
@ -6790,18 +6786,14 @@
              test.lastIndex = 0;
            }
            range = Linkify.makeRange(node, endNode, index, length);
-            if (link = Linkify.regString.exec(text = range.toString())) {
-              if (lIndex = link.index) {
-                range.setStart(node, lIndex + index);
-                text = text.slice(0, lIndex);
-              }
-              links.push([range, text]);
+            if (link = Linkify.regString.exec(range.toString())) {
+              links.push(range);
            }
            break;
          } else {
            if (link = Linkify.regString.exec(result[0])) {
-              range = Linkify.makeRange(node, node, index + link.index, length + link.index);
-              links.push([range, link]);
+              range = Linkify.makeRange(node, node, index + link.index, length);
+              links.push(range);
            }
          }
        }
@ -6835,11 +6827,39 @@
      range.setEnd(endNode, endOffset);
      return range;
    },
-    makeLink: function(_arg) {
-      var a, range, text;
+    makeLink: function(range) {
+      var a, char, i, text;

-      range = _arg[0], text = _arg[1];
-      text;
+      text = range.toString();
+      i = 0;
+      while (/[(\[{<>]/.test(text.charAt(i))) {
+        i++;
+      }
+      if (i) {
+        text = text.slice(i);
+        while (range.startOffset + i >= range.startContainer.data.length) {
+          i--;
+        }
+        if (i) {
+          range.setStart(range.startContainer, range.startOffset + i);
+        }
+      }
+      i = 0;
+      while (/[)\]}>.,]/.test(char = text.charAt(text.length - (1 + i)))) {
+        if (!(/[.,]/.test(char) || (text.match(/[()\[\]{}<>]/g)).length % 2)) {
+          break;
+        }
+        i++;
+      }
+      if (i) {
+        text = text.slice(0, -i);
+        while (range.endOffset - i < 0) {
+          i--;
+        }
+        if (i) {
+          range.setEnd(range.endContainer, range.endOffset - i);
+        }
+      }
      text = text.contains(':') ? text : (text.contains('@') ? 'mailto:' : 'http://') + text;
      a = $.el('a', {
        className: 'linkify',
@ -7649,7 +7669,7 @@
      }
      _ref = QR.nodes, com = _ref.com, thread = _ref.thread;
      if (!com.value) {
-        thread.value = Get.contextFromNode(this).thread;
+        thread.value = Get.threadFromNode(this);
      }
      thread.nextElementSibling.firstElementChild.textContent = thread.options[thread.selectedIndex].textContent;
      caretPos = com.selectionStart;
@ -9404,48 +9424,44 @@
    }
  };

-  Menu = (function() {
-    var a;
+  Menu = {
+    init: function() {
+      if (g.VIEW === 'catalog' || !Conf['Menu']) {
+        return;
+      }
+      this.menu = new UI.Menu('post');
+      return Post.prototype.callbacks.push({
+        name: 'Menu',
+        cb: this.node
+      });
+    },
+    node: function() {
+      if (this.isClone) {
+        return $.on($('.menu-button', this.nodes.info), 'click', Menu.toggle);
+      } else {
+        return $.add(this.nodes.info, [$.tn('\u00A0'), Menu.makeButton()]);
+      }
+    },
+    makeButton: (function() {
+      var a;

-    a = $.el('a', {
-      className: 'menu-button brackets-wrap',
-      innerHTML: '<span class=drop-marker></span>',
-      href: 'javascript:;'
-    });
-    return {
-      init: function() {
-        if (g.VIEW === 'catalog' || !Conf['Menu']) {
-          return;
-        }
-        this.menu = new UI.Menu('post');
-        return Post.prototype.callbacks.push({
-          name: 'Menu',
-          cb: this.node
-        });
-      },
-      node: function() {
+      a = $.el('a', {
+        className: 'menu-button brackets-wrap',
+        innerHTML: '<span class=drop-marker></span>',
+        href: 'javascript:;'
+      });
+      return function() {
        var button;

-        if (this.isClone) {
-          button = $('.menu-button', this.nodes.info);
-        } else {
-          button = a.cloneNode(true);
-          $.add(this.nodes.info, [$.tn('\u00A0'), button]);
-        }
-        return $.on(button, 'click', Menu.toggle);
-      },
-      makeButton: function() {
-        var el;
-
-        el = a.cloneNode(true);
-        $.on(el, 'click', Menu.toggle);
-        return el;
-      },
-      toggle: function(e) {
-        return Menu.menu.toggle(e, this, Get.postFromNode(this));
-      }
-    };
-  })();
+        button = a.cloneNode(true);
+        $.on(button, 'click', Menu.toggle);
+        return button;
+      };
+    })(),
+    toggle: function(e) {
+      return Menu.menu.toggle(e, this, Get.postFromNode(this));
+    }
+  };

  ReportLink = {
    init: function() {
@ -10117,7 +10133,7 @@
      var toggler;

      toggler = $.el('img', {
-        className: 'watcher-toggler'
+        className: 'watch-thread-link'
      });
      $.on(toggler, 'click', ThreadWatcher.cb.toggle);
      return $.before($('input', this.OP.nodes.post), toggler);
@ -10223,12 +10239,14 @@
      fetching: 0
    },
    fetchAllStatus: function() {
-      var thread, _i, _len, _ref;
+      var thread, threads, _i, _len;

+      if (!(threads = ThreadWatcher.getAll()).length) {
+        return;
+      }
      ThreadWatcher.status.textContent = '...';
-      _ref = ThreadWatcher.getAll();
-      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
-        thread = _ref[_i];
+      for (_i = 0, _len = threads.length; _i < _len; _i++) {
+        thread = threads[_i];
        ThreadWatcher.fetchStatus(thread);
      }
    },
@ -10340,7 +10358,7 @@
      _ref2 = g.BOARD.threads;
      for (threadID in _ref2) {
        thread = _ref2[threadID];
-        toggler = $('.watcher-toggler', thread.OP.nodes.post);
+        toggler = $('.watch-thread-link', thread.OP.nodes.post);
        watched = ThreadWatcher.db.get({
          boardID: thread.board.ID,
          threadID: threadID
@ -12603,7 +12621,7 @@
      $.event('AddMenuEntry', entry);
      $.on(entry.el, 'click', PSAHiding.toggle);
      PSAHiding.btn = btn = $.el('a', {
-        innerHTML: '<span class=fourchanx-link>&nbsp;-&nbsp;</span>',
+        innerHTML: '<span class=brackets-wrap>&nbsp;-&nbsp;</span>',
        title: 'Hide announcement.',
        className: 'hide-announcement',
        href: 'javascript:;',
@ -12713,9 +12731,10 @@

  IDColor = {
    init: function() {
-      if (g.VIEW === 'catalog' || !Conf['Color user IDs']) {
+      if (g.VIEW === 'catalog' || !Conf['Color User IDs']) {
        return;
      }
+      this.ids = {};
      return Post.prototype.callbacks.push({
        name: 'Color User IDs',
        cb: this.node
@ -12733,7 +12752,6 @@
      }
      return uid.style.cssText = IDColor.css(IDColor.ids[str] || IDColor.compute(str));
    },
-    ids: {},
    compute: function(str) {
      var hash, rgb;

@ -12744,17 +12762,15 @@
      return rgb;
    },
    css: function(rgb) {
-      return "background-color: rgb(" + rgb[0] + "," + rgb[1] + "," + rgb[2] + "); color: " + (rgb[3] ? "black;" : "white;") + " border-radius: 3px; padding: 0px 2px;";
+      return "background-color: rgb(" + rgb[0] + "," + rgb[1] + "," + rgb[2] + "); color: " + (rgb[3] ? "#000" : "#fff") + "; border-radius: 3px; padding: 0px 2px;";
    },
    hash: function(str) {
-      var i, j, msg;
+      var i, msg;

      msg = 0;
      i = 0;
-      j = str.length;
-      while (i < j) {
-        msg = ((msg << 5) - msg) + str.charCodeAt(i);
-        ++i;
+      while (i < 8) {
+        msg = ((msg << 5) - msg) + str.charCodeAt(i++);
      }
      return msg;
    }
@ -12942,7 +12958,7 @@
      return ("" + status + " " + posts + " post" + (posts > 1 ? 's' : '')) + (+files ? " and " + files + " image repl" + (files > 1 ? 'ies' : 'y') : "") + (" " + (status === '-' ? 'shown' : 'omitted') + ".");
    },
    cbToggle: function() {
-      return ExpandThread.toggle(Get.threadFromRoot(this.parentNode));
+      return ExpandThread.toggle(Get.threadFromNode(this));
    },
    toggle: function(thread) {
      var a, files, filesCount, inlined, num, post, posts, postsCount, reply, threadRoot, _i, _j, _k, _len, _len1, _len2, _ref, _ref1, _ref2, _ref3, _ref4;
@ -13267,10 +13283,7 @@
          }
          break;
        case Conf['Toggle header']:
-          if (!$('#menu.left')) {
-            Header.menuButton.click();
-          }
-          Header.headerToggler.click();
+          Header.toggleBarVisibility();
          break;
        case Conf['Open empty QR']:
          Keybinds.qr(threadRoot);
@ -13778,7 +13791,7 @@

  Report = {
    init: function() {
-      if (!(/report/.test(location.search) && !d.cookie.contains('pass_enabled=1'))) {
+      if (!/report/.test(location.search)) {
        return;
      }
      return $.asap((function() {
@ -13945,11 +13958,7 @@
        } else {
          $.on(d, '4chanXInitFinished', Settings.open);
        }
-        return $.set({
-          archives: Conf['archives'],
-          lastarchivecheck: now,
-          previousversion: g.VERSION
-        });
+        return $.set('previousversion', g.VERSION);
      });
      Settings.addSection('Style', Settings.style);
      Settings.addSection('Themes', Settings.themes);
@ -15077,7 +15086,7 @@
  };

  Main = {
-    init: function(items) {
+    init: function() {
      var db, flatten, _i, _len;

      flatten = function(parent, obj) {
@ -15112,12 +15121,27 @@
        'selectedArchives': {},
        'CachedTitles': {}
      });
-      return $.get(Conf, Main.initFeatures);
+      $.get(Conf, function(items) {
+        $.extend(Conf, items);
+        if (!items) {
+          new Notification('error', $.el('span', {
+            innerHTML: "It seems like your appchan x settings became corrupted due to a <a href=\"https://code.google.com/p/chromium/issues/detail?id=261623\" target=_blank>Chrome bug</a>.<br>\nUnfortunately, you'll have to <a href=\"https://github.com/MayhemYDG/4chan-x/wiki/FAQ#known-problems\" target=_blank>fix it yourself</a>."
+          }));
+          Main.logError({
+            message: 'Chrome Storage API bug',
+            error: new Error(chrome.runtime.lastError.message || 'no lastError.message')
+          });
+        }
+        return Main.initFeatures();
+      });
+      $.on(d, '4chanMainInit', Main.initStyle);
+      return $.asap((function() {
+        return d.head && $('link[rel="shortcut icon"]', d.head) || d.readyState !== 'loading';
+      }), Main.initStyle);
    },
-    initFeatures: function(items) {
+    initFeatures: function() {
      var init, pathname, _ref;

-      Conf = items;
      pathname = location.pathname.split('/');
      g.BOARD = new Board(pathname[1]);
      g.VIEW = (function() {
@ -15267,7 +15291,7 @@
    initReady: function() {
      var board, err, errors, href, passLink, postRoot, posts, styleSelector, thread, threadRoot, threads, _i, _j, _len, _len1, _ref, _ref1;

-      if (d.title === '4chan - 404 Not Found') {
+      if (['4chan - Temporarily Offline', '4chan - 404 Not Found'].contains(d.title)) {
        if (Conf['404 Redirect'] && g.VIEW === 'thread') {
          href = Redirect.to('thread', {
            boardID: g.BOARD.ID,
--- a/css/style.css
+++ b/css/style.css
@ -1,929 +0,0 @@
-/* General */
-.dialog {
-  box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
-  border: 1px solid;
-  display: block;
-  padding: 0;
-}
-.field {
-  background-color: #FFF;
-  border: 1px solid #CCC;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-  color: #333;
-  font-family: inherit;
-  font-size: 13px;
-  margin: 0;
-  padding: 2px 4px 3px;
-  outline: none;
-  transition: color .25s, border-color .25s, -webkit-flex .25s;
-  transition: color .25s, border-color .25s, flex .25s;
-}
-.field::-moz-placeholder,
-.field:hover::-moz-placeholder {
-  color: #AAA !important;
-}
-.field:hover {
-  border-color: #999;
-}
-.field:hover, .field:focus {
-  color: #000;
-}
-.field[disabled] {
-  background-color: #F2F2F2;
-  color: #888;
-}
-.move {
-  cursor: move;
-}
-label, .watcher-toggler {
-  cursor: pointer;
-}
-a[href="javascript:;"] {
-  text-decoration: none;
-}
-.warning {
-  color: red;
-}
-
-/* 4chan style fixes */
-.opContainer, .op {
-  display: block !important;
-}
-.post {
-  overflow: visible !important;
-}
-[hidden] {
-  display: none !important;
-}
-
-/* fixed, z-index */
-#overlay,
-#qp, #ihover,
-#updater, #thread-stats,
-#navlinks, #header,
-#qr {
-  position: fixed;
-}
-#overlay {
-  z-index: 999;
-}
-#notifications {
-  z-index: 70;
-}
-#qp, #ihover {
-  z-index: 60;
-}
-#menu {
-  z-index: 50;
-}
-#navlinks, #updater, #thread-stats {
-  z-index: 40;
-}
-#qr {
-  z-index: 30;
-}
-#thread-watcher:hover {
-  z-index: 20;
-}
-#header {
-  z-index: 10;
-}
-#thread-watcher {
-  z-index: 5;
-}
-
-/* Header */
-:root.top-header body {
-  margin-top: 2em;
-}
-:root.bottom-header body {
-  margin-bottom: 2em;
-}
-:root.fourchan-x #navtopright,
-:root.fourchan-x #navbotright,
-:root.fourchan-x:not(.show-original-top-board-list) #boardNavDesktop,
-:root.fourchan-x:not(.show-original-bot-board-list) #boardNavDesktopFoot {
-  display: none !important;
-}
-#header {
-  right: 0;
-  left: 0;
-}
-#header.top {
-  top: 0;
-}
-#header.bottom {
-  bottom: 0;
-}
-#header-bar {
-  border-width: 0;
-  display: -webkit-flex;
-  display: flex;
-  padding: 3px 4px 4px;
-  position: relative;
-  transition: all .1s .05s ease-in-out;
-}
-#header.top #header-bar {
-  border-bottom-width: 1px;
-}
-#header.bottom #header-bar {
-  box-shadow: 0 -1px 2px rgba(0, 0, 0, .15);
-  border-top-width: 1px;
-}
-#header.bottom .menu-button i {
-  border-top: none;
-  border-bottom: 6px solid;
-}
-#board-list {
-  -webkit-flex: 1;
-  flex: 1;
-  text-align: center;
-}
-#header-bar.autohide:not(:hover) {
-  box-shadow: none;
-  transition: all .8s .6s cubic-bezier(.55, .055, .675, .19);
-}
-#header.top #header-bar.autohide:not(:hover) {
-  margin-bottom: -1em;
-  -webkit-transform: translateY(-100%);
-  transform: translateY(-100%);
-}
-#header.bottom #header-bar.autohide:not(:hover) {
-  -webkit-transform: translateY(100%);
-  transform: translateY(100%);
-}
-#toggle-header-bar {
-  left: 0;
-  right: 0;
-  height: 10px;
-  position: absolute;
-}
-#header.top #toggle-header-bar {
-  cursor: n-resize;
-  bottom: -8px;
-}
-#header.bottom #toggle-header-bar {
-  cursor: s-resize;
-  top: -8px;
-}
-#header-bar.autohide:not(:hover) #toggle-header-bar,
-#toggle-header-bar:hover {
-  height: 18px;
-}
-#header.top #header-bar.autohide:not(:hover) #toggle-header-bar,
-#header.top #toggle-header-bar:hover {
-  bottom: -16px;
-}
-#header.bottom #header-bar.autohide:not(:hover) #toggle-header-bar,
-#header.bottom #toggle-header-bar:hover {
-  top: -16px;
-}
-#header.top #header-bar.autohide #toggle-header-bar {
-  cursor: s-resize;
-}
-#header.bottom #header-bar.autohide #toggle-header-bar {
-  cursor: n-resize;
-}
-#header-bar a:not(.entry) {
-  text-decoration: none;
-  padding: 1px;
-}
-#shortcuts:empty {
-  display: none;
-}
-.shortcut:not(:last-child)::after {
-  content: " / ";
-}
-.brackets-wrap::before {
-  content: "\\00a0[";
-}
-.brackets-wrap::after {
-  content: "]\\00a0";
-}
-.expand-all-shortcut {
-  opacity: .35;
-}
-
-/* Notifications */
-#notifications {
-  height: 0;
-  text-align: center;
-}
-#header.bottom #notifications {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-}
-.notification {
-  color: #FFF;
-  font-weight: 700;
-  text-shadow: 0 1px 2px rgba(0, 0, 0, .5);
-  box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
-  border-radius: 2px;
-  margin: 1px auto;
-  width: 500px;
-  max-width: 100%;
-  position: relative;
-  transition: all .25s ease-in-out;
-}
-.notification.error {
-  background-color: hsla(0, 100%, 38%, .9);
-}
-.notification.warning {
-  background-color: hsla(36, 100%, 38%, .9);
-}
-.notification.info {
-  background-color: hsla(200, 100%, 38%, .9);
-}
-.notification.success {
-  background-color: hsla(104, 100%, 38%, .9);
-}
-.notification a {
-  color: white;
-}
-.notification > .close {
-  padding: 6px;
-  top: 0;
-  right: 0;
-  position: absolute;
-}
-.message {
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-  padding: 6px 20px;
-  max-height: 200px;
-  width: 100%;
-  overflow: auto;
-}
-
-/* Settings */
-:root.fourchan-x body {
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-}
-#overlay {
-  background-color: rgba(0, 0, 0, .5);
-  display: -webkit-flex;
-  display: flex;
-  position: fixed;
-  top: 0;
-  left: 0;
-  height: 100%;
-  width: 100%;
-}
-#fourchanx-settings {
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-  box-shadow: 0 0 15px rgba(0, 0, 0, .15);
-  height: 600px;
-  max-height: 100%;
-  width: 900px;
-  max-width: 100%;
-  margin: auto;
-  padding: 3px;
-  display: -webkit-flex;
-  display: flex;
-  -webkit-flex-direction: column;
-  flex-direction: column;
-}
-#fourchanx-settings > nav {
-  display: -webkit-flex;
-  display: flex;
-  padding: 2px 2px 0;
-}
-#fourchanx-settings > nav a {
-  text-decoration: underline;
-}
-#fourchanx-settings > nav a.close {
-  text-decoration: none;
-  padding: 2px;
-}
-.sections-list {
-  -webkit-flex: 1;
-  flex: 1;
-}
-.tab-selected {
-  font-weight: 700;
-}
-.section-container {
-  -webkit-flex: 1;
-  flex: 1;
-  position: relative;
-}
-.section-container > section {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  overflow: auto;
-}
-.section-sauce ul,
-.section-rice ul {
-  list-style: none;
-  margin: 0;
-  padding: 8px;
-}
-.section-sauce li,
-.section-rice li {
-  padding-left: 4px;
-}
-.section-main label {
-  text-decoration: underline;
-}
-.section-filter ul,
-.section-qr ul {
-  padding: 0;
-}
-.section-filter li,
-.section-qr li {
-  margin: 10px 40px;
-}
-.section-filter textarea {
-  height: 500px;
-}
-.section-qr textarea {
-  height: 200px;
-}
-.section-sauce textarea {
-  height: 350px;
-}
-.section-rice .field[name="boardnav"] {
-  width: 100%;
-}
-.section-rice textarea {
-  height: 150px;
-}
-.section-archives table {
-  width: 100%;
-}
-.section-archives th:not(:first-child) {
-  width: 30%;
-}
-.section-archives td {
-  text-align: center;
-}
-.section-archives select {
-  width: 90%;
-}
-.section-keybinds .field {
-  font-family: monospace;
-}
-#fourchanx-settings fieldset {
-  border: 1px solid;
-  border-radius: 3px;
-}
-#fourchanx-settings legend {
-  font-weight: 700;
-}
-#fourchanx-settings textarea {
-  font-family: monospace;
-  min-width: 100%;
-  max-width: 100%;
-}
-#fourchanx-settings code {
-  color: #000;
-  background-color: #FFF;
-  padding: 0 2px;
-}
-.unscroll {
-  overflow: hidden;
-}
-
-/* Announcement Hiding */
-:root.hide-announcement #globalMessage,
-:root.hide-announcement-enabled #toggleMsgBtn {
-  display: none;
-}
-a.hide-announcement {
-  float: left;
-}
-
-/* Unread */
-#unread-line {
-  margin: 0;
-}
-
-/* Thread Updater */
-#updater:not(:hover) {
-  background: none;
-  border: none;
-  box-shadow: none;
-}
-#updater > .move {
-  padding: 0 3px;
-}
-#updater > div:last-child {
-  text-align: center;
-}
-#updater input[type=number] {
-  width: 4em;
-}
-#updater:not(:hover) > div:not(.move) {
-  display: none;
-}
-#updater input[type="button"] {
-  width: 100%;
-}
-.new {
-  color: limegreen;
-}
-
-/* Thread Watcher */
-#thread-watcher {
-  max-width: 200px;
-  min-width: 150px;
-  padding: 3px;
-  position: absolute;
-}
-#thread-watcher > div:first-child {
-  display: -webkit-flex;
-  display: flex;
-  -webkit-align-items: center;
-  align-items: center;
-}
-#thread-watcher .move {
-  -webkit-flex: 1;
-  flex: 1;
-}
-#watcher-status:not(:empty)::before {
-  content: "(";
-}
-#watcher-status:not(:empty)::after {
-  content: ")";
-}
-#watched-threads:not(:hover) {
-  max-height: 150px;
-  overflow: hidden;
-}
-#watched-threads div {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-#watched-threads .current {
-  font-weight: 700;
-}
-#watched-threads a {
-  text-decoration: none;
-}
-#watched-threads .dead-thread a[title] {
-  text-decoration: line-through;
-}
-
-/* Thread Stats */
-#thread-stats {
-  background: none;
-  border: none;
-  box-shadow: none;
-}
-
-/* Quote */
-.deadlink {
-  text-decoration: none !important;
-}
-.backlink.deadlink:not(.forwardlink),
-.quotelink.deadlink:not(.forwardlink) {
-  text-decoration: underline !important;
-}
-.inlined {
-  opacity: .5;
-}
-#qp input, .forwarded {
-  display: none;
-}
-.quotelink.forwardlink,
-.backlink.forwardlink {
-  text-decoration: none;
-  border-bottom: 1px dashed;
-}
-.filtered {
-  text-decoration: underline line-through;
-}
-.inline {
-  border: 1px solid;
-  display: table;
-  margin: 2px 0;
-}
-.inline .post {
-  border: 0 !important;
-  background-color: transparent !important;
-  display: table !important;
-  margin: 0 !important;
-  padding: 1px 2px !important;
-}
-#qp > .opContainer::after {
-  content: '';
-  clear: both;
-  display: table;
-}
-#qp .post {
-  border: none;
-  margin: 0;
-  padding: 2px 2px 5px;
-}
-#qp img {
-  max-height: 80vh;
-  max-width: 50vw;
-}
-.qphl {
-  outline: 2px solid rgba(216, 94, 49, .7);
-}
-
-/* File */
-.fileText:hover .fntrunc,
-.fileText:not(:hover) .fnfull,
-.expanded-image > .post > .file > .fileThumb > img[data-md5],
-:not(.expanded-image) > .post > .file > .fileThumb > .full-image {
-  display: none;
-}
-.expanding {
-  opacity: .5;
-}
-.expanded-image {
-  clear: both;
-}
-.expanded-image > .op > .file::after {
-  content: '';
-  clear: both;
-  display: table;
-}
-:root.fit-height .full-image {
-  max-height: 100vh;
-}
-:root.fit-width .full-image {
-  max-width: 100%;
-}
-:root.gecko.fit-width .full-image {
-  width: 100%;
-}
-#ihover {
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-  max-height: 100%;
-  max-width: 75%;
-  padding-bottom: 16px;
-}
-
-/* Index/Reply Navigation */
-#navlinks {
-  font-size: 16px;
-  top: 25px;
-  right: 10px;
-}
-
-/* Filter */
-.opContainer.filter-highlight {
-  box-shadow: inset 5px 0 rgba(255, 0, 0, .5);
-}
-.filter-highlight > .reply {
-  box-shadow: -5px 0 rgba(255, 0, 0, .5);
-}
-
-/* Thread & Reply Hiding */
-.hide-thread-button,
-.hide-reply-button {
-  float: left;
-  margin-right: 2px;
-}
-.stub ~ * {
-  display: none !important;
-}
-.stub input {
-  display: inline-block;
-}
-
-/* QR */
-:root.hide-original-post-form #postForm,
-:root.hide-original-post-form .postingMode,
-:root.hide-original-post-form #togglePostForm,
-#qr.autohide:not(.has-focus):not(:hover) > form {
-  display: none;
-}
-#qr select, #dump-button, .remove, .captcha-img {
-  cursor: pointer;
-}
-#qr > div {
-  min-width: 300px;
-  display: -webkit-flex;
-  display: flex;
-  -webkit-align-items: center;
-  align-items: center;
-}
-#qr .move {
-  -webkit-align-self: stretch;
-  align-self: stretch;
-  -webkit-flex: 1;
-  flex: 1;
-}
-#qr select {
-  margin: 0;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  border: none;
-  background: none;
-}
-#qr option {
-  color: #000;
-  background-color: #F7F7F7;
-}
-#qr .close {
-  padding: 0 3px;
-}
-#qr > form {
-  display: -webkit-flex;
-  display: flex;
-  -webkit-flex-direction: column;
-  flex-direction: column;
-}
-.persona {
-  display: -webkit-flex;
-  display: flex;
-}
-.persona .field {
-  -webkit-flex: 1;
-  flex: 1;
-}
-.persona .field:hover,
-.persona .field:focus {
-  -webkit-flex: 3;
-  flex: 3;
-}
-#dump-button {
-  background: linear-gradient(#EEE, #CCC);
-  border: 1px solid #CCC;
-  margin: 0;
-  padding: 2px 4px 3px;
-  outline: none;
-  width: 30px;
-}
-#dump-button:hover,
-#dump-button:focus {
-  background: linear-gradient(#FFF, #DDD);
-}
-#dump-button:active,
-.dump #dump-button:not(:hover):not(:focus) {
-  background: linear-gradient(#CCC, #DDD);
-}
-:root.gecko #dump-button {
-  padding: 0;
-}
-#qr:not(.dump) #dump-list-container {
-  display: none;
-}
-#dump-list-container {
-  height: 100px;
-  position: relative;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  user-select: none;
-}
-#dump-list {
-  counter-reset: qrpreviews;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  overflow: hidden;
-  position: absolute;
-  white-space: nowrap;
-}
-#dump-list:hover {
-  bottom: -12px;
-  overflow-x: auto;
-  z-index: 1;
-}
-#dump-list::-webkit-scrollbar {
-  height: 12px;
-}
-#dump-list::-webkit-scrollbar-thumb {
-  border: 1px solid;
-}
-.qr-preview {
-  background-position: 50% 20%;
-  background-size: cover;
-  border: 1px solid #808080;
-  color: #FFF !important;
-  font-size: 12px;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-  cursor: move;
-  display: inline-block;
-  height: 92px;
-  width: 92px;
-  margin: 4px;
-  padding: 2px;
-  opacity: .6;
-  outline: none;
-  overflow: hidden;
-  position: relative;
-  text-shadow: 0 1px 1px #000;
-  transition: opacity .25s ease-in-out;
-  vertical-align: top;
-  white-space: pre;
-}
-.qr-preview:hover,
-.qr-preview:focus {
-  opacity: .9;
-  color: #FFF !important;
-}
-.qr-preview#selected {
-  opacity: 1;
-}
-.qr-preview::before {
-  counter-increment: qrpreviews;
-  content: counter(qrpreviews);
-  font-weight: 700;
-  text-shadow: 0 0 3px #000, 0 0 5px #000;
-  position: absolute;
-  top: 3px;
-  right: 3px;
-}
-.qr-preview.drag {
-  border-color: red;
-  border-style: dashed;
-}
-.qr-preview.over {
-  border-color: #FFF;
-  border-style: dashed;
-}
-.remove {
-  color: #E00 !important;
-  font-weight: 700;
-  padding: 3px;
-}
-.remove:hover::after {
-  content: ' Remove';
-}
-.qr-preview > label {
-  background: rgba(0, 0, 0, .5);
-  right: 0;
-  bottom: 0;
-  left: 0;
-  position: absolute;
-  text-align: center;
-}
-.qr-preview > label > input {
-  margin: 1px 0;
-  vertical-align: bottom;
-}
-#add-post {
-  display: inline-block;
-  font-size: 30px;
-  height: 30px;
-  width: 30px;
-  line-height: 1;
-  text-align: center;
-  position: absolute;
-  right: 0;
-  bottom: 0;
-  z-index: 1;
-}
-#qr textarea {
-  min-height: 160px;
-  min-width: 100%;
-  display: block;
-}
-#qr.has-captcha textarea {
-  min-height: 120px;
-}
-.textarea {
-  position: relative;
-}
-#char-count {
-  color: #000;
-  background: hsla(0, 0%, 100%, .5);
-  font-size: 8pt;
-  position: absolute;
-  bottom: 1px;
-  right: 1px;
-  pointer-events: none;
-}
-#char-count.warning {
-  color: red;
-}
-.captcha-img {
-  background: #FFF;
-  outline: 1px solid #CCC;
-  outline-offset: -1px;
-}
-.captcha-img > img {
-  display: block;
-  height: 57px;
-  width: 300px;
-}
-#file-n-submit > input {
-  margin: 0;
-}
-#file-n-submit.has-file #qr-no-file {
-  visibility: hidden;
-}
-#file-n-submit:not(.has-file) #qr-filename,
-#file-n-submit:not(.has-file) #qr-file-spoiler,
-#file-n-submit:not(.has-file) #qr-filerm {
-  display: none;
-}
-#file-n-submit {
-  display: -webkit-flex;
-  display: flex;
-  -webkit-flex-direction: row;
-  flex-direction: row;
-  -webkit-align-items: center;
-  align-items: center;
-}
-#qr-no-file, #qr-filename-container {
-  -webkit-flex: 1;
-  flex: 1;
-}
-#qr-filename-container {
-  cursor: default;
-  position: relative;
-  margin-left: 2px;
-}
-#qr-filename {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  white-space: nowrap;
-}
-#qr-filerm {
-  padding: 0 2px;
-}
-#file-n-submit > #qr-file-spoiler {
-  margin: 0 2px;
-}
-#file-n-submit input[type='submit'] {
-  min-width: 40px;
-  -webkit-order: 1;
-  order: 1;
-}
-
-/* Menu */
-.menu-button {
-  display: inline-block;
-  position: relative;
-}
-.menu-button i {
-  border-top:   6px solid;
-  border-right: 4px solid transparent;
-  border-left:  4px solid transparent;
-  display: inline-block;
-  margin: 2px;
-  vertical-align: middle;
-}
-#menu {
-  border-bottom: 0;
-  display: -webkit-flex;
-  display: flex;
-  margin: 2px 0;
-  -webkit-flex-direction: column;
-  flex-direction: column;
-  position: absolute;
-  outline: none;
-}
-.entry {
-  cursor: pointer;
-  outline: none;
-  padding: 3px 7px;
-  position: relative;
-  text-decoration: none;
-  white-space: nowrap;
-}
-.entry.disabled {
-  color: graytext !important;
-}
-.entry.has-submenu {
-  padding-right: 20px;
-}
-.has-submenu::after {
-  content: '';
-  border-left:   6px solid;
-  border-top:    4px solid transparent;
-  border-bottom: 4px solid transparent;
-  display: inline-block;
-  margin: 4px;
-  position: absolute;
-  right: 3px;
-}
-.has-submenu:not(.focused) > .submenu {
-  display: none;
-}
-.submenu {
-  border-bottom: 0;
-  display: -webkit-flex;
-  display: flex;
-  -webkit-flex-direction: column;
-  flex-direction: column;
-  position: absolute;
-  margin: -1px 0;
-}
-.entry input {
-  margin: 0;
-}
--- a/json/archives.json
+++ b/json/archives.json
@ -1,110 +0,0 @@
-[{
-  "uid": 0,
-  "name": "Foolz",
-  "domain": "archive.foolz.us",
-  "http": true,
-  "https": true,
-  "software": "foolfuuka",
-  "boards": ["a", "co", "gd", "jp", "m", "q", "sp", "tg", "tv", "v", "vg", "vp", "vr", "wsg"],
-  "files": ["a", "gd", "jp", "m", "q", "tg", "vg", "vp", "vr", "wsg"]
-}, {
-  "uid": 1,
-  "name": "NSFW Foolz",
-  "domain": "nsfw.foolz.us",
-  "http": true,
-  "https": true,
-  "software": "foolfuuka",
-  "boards": ["u"],
-  "files": ["u"]
-}, {
-  "uid": 2,
-  "name": "The Dark Cave",
-  "domain": "archive.thedarkcave.org",
-  "http": true,
-  "https": true,
-  "software": "foolfuuka",
-  "boards": ["c", "int", "out", "po"],
-  "files": ["c", "po"]
-}, {
-  "uid": 3,
-  "name": "4plebs",
-  "domain": "archive.4plebs.org",
-  "http": true,
-  "https": false,
-  "software": "foolfuuka",
-  "boards": ["hr", "tg", "tv", "x"],
-  "files": ["hr", "tg", "tv", "x"]
-}, {
-  "uid": 4,
-  "name": "Nyafuu",
-  "domain": "archive.nyafuu.org",
-  "http": true,
-  "https": true,
-  "software": "foolfuuka",
-  "boards": ["c", "w", "wg"],
-  "files": ["c", "w", "wg"]
-}, {
-  "uid": 11,
-  "name": "Foolz a Shit",
-  "domain": "archive.foolzashit.com",
-  "http": true,
-  "https": true,
-  "software": "foolfuuka",
-  "boards": ["adv", "asp", "cm", "d", "e", "i", "lgbt", "n", "o", "p", "pol", "s", "s4s", "t", "trv", "y"],
-  "files": ["cm", "d", "e", "i", "n", "o", "p", "s", "trv", "y"]
-}, {
-  "uid": 12,
-  "name": "fap archive",
-  "domain": "fuuka.worldathleticproject.org",
-  "http": true,
-  "https": false,
-  "software": "foolfuuka",
-  "boards": ["b", "e", "h", "hc", "p", "s", "u"],
-  "files": ["b", "e", "h", "hc", "p", "s", "u"]
-}, {
-  "uid": 7,
-  "name": "Install Gentoo",
-  "domain": "archive.installgentoo.net",
-  "http": false,
-  "https": true,
-  "software": "fuuka",
-  "boards": ["diy", "g", "sci"],
-  "files": []
-}, {
-  "uid": 8,
-  "name": "Rebecca Black Tech",
-  "domain": "rbt.asia",
-  "http": true,
-  "https": true,
-  "software": "fuuka",
-  "boards": ["cgl", "g", "mu", "w"],
-  "files": ["cgl", "g", "mu", "w"]
-}, {
-  "uid": 9,
-  "name": "Heinessen",
-  "domain": "archive.heinessen.com",
-  "http": true,
-  "https": false,
-  "software": "fuuka",
-  "boards": ["an", "fit", "k", "mlp", "r9k", "toy"],
-  "files": ["an", "fit", "k", "r9k", "toy"]
-}, {
-  "uid": 10,
-  "name": "warosu",
-  "domain": "fuuka.warosu.org",
-  "http": true,
-  "https": true,
-  "software": "fuuka",
-  "boards": ["3", "cgl", "ck", "fa", "ic", "jp", "lit", "q", "tg", "vr"],
-  "files": ["3", "cgl", "ck", "fa", "ic", "jp", "lit", "q", "tg", "vr"]
-}, {
-  "uid": 13,
-  "name": "Foolz Beta",
-  "domain": "beta.foolz.us",
-  "http": true,
-  "https": true,
-  "withCredentials": true,
-  "software": "foolfuuka",
-  "boards": ["a", "co", "gd", "h", "jp", "m", "mlp", "q", "sp", "tg", "tv", "u", "v", "vg", "vp", "vr", "wsg"],
-  "files": ["a", "gd", "h", "jp", "m", "q", "tg", "u", "vg", "vp", "vr", "wsg"]
-}]
--- a/src/Archive/Redirect.coffee
+++ b/src/Archive/Redirect.coffee
--- a/src/Filtering/Anonymize.coffee
+++ b/src/Filtering/Anonymize.coffee
--- a/src/Filtering/Filter.coffee
+++ b/src/Filtering/Filter.coffee
--- a/src/Filtering/PostHiding.coffee
+++ b/src/Filtering/PostHiding.coffee
@ -188,10 +188,10 @@ PostHiding =
    $.add a, $.tn " #{postInfo}"
    post.nodes.stub = $.el 'div',
      className: 'stub'
-    $.add post.nodes.stub, unless Conf['Menu']
-      a
-    else
+    $.add post.nodes.stub, if Conf['Menu']
      [a, $.tn(' '), button = Menu.makeButton post]
+    else
+      a
    $.prepend post.nodes.root, post.nodes.stub

  show: (post, showRecursively=Conf['Recursive Hiding']) ->
@ -206,4 +206,4 @@ PostHiding =
      Recursive.rm    PostHiding.hide, post
    for quotelink in Get.allQuotelinksLinkingTo post
      $.rmClass quotelink, 'filtered'
-    return
+    return
--- a/src/Filtering/Recursive.coffee
+++ b/src/Filtering/Recursive.coffee
--- a/src/Filtering/ThreadHiding.coffee
+++ b/src/Filtering/ThreadHiding.coffee
@ -191,10 +191,10 @@ ThreadHiding =
    $.add a, $.tn " #{opInfo} (#{numReplies})"
    thread.stub = $.el 'div',
      className: 'stub'
-    $.add thread.stub, unless Conf['Menu']
-      a
+    $.add thread.stub, if Conf['Menu']
+      [a, $.tn(' '), Menu.makeButton()] 
    else
-      [a, $.tn(' '), button = Menu.makeButton OP]
+      a
    $.prepend threadRoot, thread.stub

  show: (thread) ->
--- a/src/General/Build.coffee
+++ b/src/General/Build.coffee
--- a/src/General/Config.coffee
+++ b/src/General/Config.coffee
--- a/src/General/Get.coffee
+++ b/src/General/Get.coffee
@ -10,6 +10,8 @@ Get =
    "/#{thread.board}/ - #{excerpt}"
  threadFromRoot: (root) ->
    g.threads["#{g.BOARD}.#{root.id[1..]}"]
+  threadFromNode: (node) ->
+    Get.threadFromRoot $.x 'ancestor::div[@class="thread"]', node
  postFromRoot: (root) ->
    link    = $ 'a[title="Highlight this post"]', root
    boardID = link.pathname.split('/')[1]
@ -19,8 +21,8 @@ Get =
    if index then post.clones[index] else post
  postFromNode: (root) ->
    Get.postFromRoot $.x '(ancestor::div[contains(@class,"postContainer")][1]|following::div[contains(@class,"postContainer")][1])', root
-  contextFromNode: (quotelink) ->
-    Get.postFromRoot $.x 'ancestor::div[parent::div[@class="thread"]][1]', quotelink
+  contextFromNode: (node) ->
+    Get.postFromRoot $.x 'ancestor::div[parent::div[@class="thread"]][1]', node
  postDataFromLink: (link) ->
    if link.hostname is 'boards.4chan.org'
      path     = link.pathname.split '/'
--- a/src/General/Globals.coffee
+++ b/src/General/Globals.coffee
--- a/src/General/Header.coffee
+++ b/src/General/Header.coffee
@ -1,7 +1,8 @@
 Header =
  init: ->
    @menu = new UI.Menu 'header'
-    @menuButton = $.el 'span',
+
+    menuButton = $.el 'span',
      className: 'menu-button'
      id:        'main-menu'

@ -205,19 +206,21 @@ Header =
    (if hide then $.addClass else $.rmClass) Header.bar, 'autohide'
    (if hide then $.addClass else $.rmClass) doc, 'autohide'

-  toggleBarVisibility: (e) ->
-    return if e.type is 'mousedown' and e.button isnt 0 # not LMB
+  toggleBarVisibility: ->
    hide = if @nodeName is 'INPUT'
      @checked
    else
      !$.hasClass Header.bar, 'autohide'
-    Conf['Header auto-hide'] = hide
-    $.set 'Header auto-hide', hide
+    # set checked status if called from keybind
+    @checked = hide
+
+    $.set 'Header auto-hide', Conf['Header auto-hide'] = hide
    Header.setBarVisibility hide
-    message = if hide
-      'The header bar will automatically hide itself.'
+    message = "The header bar will #{if hide
+      'automatically hide itself.'
    else
-      'The header bar will remain visible.'
+      'remain visible.'}"
+
    new Notification 'info', message, 2

  setCustomNav: (show) ->
@ -253,8 +256,7 @@ Header =

  addShortcut: (el) ->
    shortcut = $.el 'span',
-      className: 'shortcut'
-    $.addClass el, 'brackets-wrap'
+      className: 'shortcut brackets-wrap'
    $.add shortcut, el
    $.prepend Header.shortcuts, shortcut

--- a/src/General/Main.coffee
+++ b/src/General/Main.coffee
@ -1,5 +1,6 @@
 Main =
-  init: (items) ->
+  init: ->
+
    # flatten Config into Conf
    # and get saved or default values
    flatten = (parent, obj) ->
@ -28,11 +29,28 @@ Main =
      'Hidden Categories':    ["Questionable"]
      'selectedArchives':     {}
      'CachedTitles':         {}
-    
-    $.get Conf, Main.initFeatures

-  initFeatures: (items) ->
-    Conf = items
+    $.get Conf, (items) ->
+      $.extend Conf, items
+      <% if (type === 'crx') { %>
+      unless items
+        new Notification 'error', $.el 'span',
+          innerHTML: """
+          It seems like your <%= meta.name %> settings became corrupted due to a <a href="https://code.google.com/p/chromium/issues/detail?id=261623" target=_blank>Chrome bug</a>.<br>
+          Unfortunately, you'll have to <a href="https://github.com/MayhemYDG/4chan-x/wiki/FAQ#known-problems" target=_blank>fix it yourself</a>.
+          """
+        # Track resolution of this bug.
+        Main.logError
+          message: 'Chrome Storage API bug'
+          error: new Error chrome.runtime.lastError.message or 'no lastError.message'
+      <% } %>
+      Main.initFeatures()
+
+    $.on d, '4chanMainInit', Main.initStyle
+    $.asap (-> d.head and $('link[rel="shortcut icon"]', d.head) or d.readyState isnt 'loading'),
+      Main.initStyle
+
+  initFeatures: ->

    pathname = location.pathname.split '/'
    g.BOARD  = new Board pathname[1]
@ -174,7 +192,7 @@ Main =
    $.ready Main.initReady

  initReady: ->
-    if d.title is '4chan - 404 Not Found'
+    if ['4chan - Temporarily Offline', '4chan - 404 Not Found'].contains d.title
      if Conf['404 Redirect'] and g.VIEW is 'thread'
        href = Redirect.to 'thread',
          boardID:  g.BOARD.ID
--- a/src/General/Settings.coffee
+++ b/src/General/Settings.coffee
@ -28,10 +28,7 @@ Settings =
          new Notification 'info', el, 30
      else
        $.on d, '4chanXInitFinished', Settings.open
-      $.set
-        archives: Conf['archives']
-        lastarchivecheck: now
-        previousversion: g.VERSION
+      $.set 'previousversion', g.VERSION

    Settings.addSection 'Style',    Settings.style
    Settings.addSection 'Themes',   Settings.themes
--- a/src/General/UI.coffee
+++ b/src/General/UI.coffee
@ -88,7 +88,7 @@ UI = do ->
        $.addClass menu, 'left'

      entry = $ '.entry', menu
-      # We've removed flexbox, so we don't user order anymore.
+      # We've removed flexbox, so we don't use order anymore.
      # while prevEntry = @findNextEntry entry, -1
      #   entry = prevEntry
      @focus entry
--- a/src/General/audio/beep.wav
+++ b/src/General/audio/beep.wav
--- a/src/General/css/burichan.css
+++ b/src/General/css/burichan.css
@ -52,7 +52,7 @@
 }

 /* Watcher Favicon */
-:root.burichan .watcher-toggler
+:root.burichan .watch-thread-link
 {
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 26 26' preserveAspectRatio='true' xmlns='http://www.w3.org/2000/svg'><path fill='rgb(0,0,0)' d='M24.132,7.971c-2.203-2.205-5.916-2.098-8.25,0.235L15.5,8.588l-0.382-0.382c-2.334-2.333-6.047-2.44-8.25-0.235c-2.204,2.203-2.098,5.916,0.235,8.249l8.396,8.396l8.396-8.396C26.229,13.887,26.336,10.174,24.132,7.971z'/></svg>");
 }
--- a/src/General/css/futaba.css
+++ b/src/General/css/futaba.css
@ -1,58 +0,0 @@
-/* General */
-:root.futaba .dialog {
-  background-color: #F0E0D6;
-  border-color: #D9BFB7;
-}
-:root.futaba .field:focus {
-  border-color: #EA8;
-}
-
-/* Header */
-:root.futaba #header-bar, :root.futaba #notifications {
-  font-size: 11pt;
-  color: #B86;
-}
-:root.futaba #header-bar a, :root.futaba #notifications a {
-  color: #800000;
-}
-
-/* Settings */
-:root.futaba #fourchanx-settings fieldset {
-  border-color: #D9BFB7;
-}
-
-/* Quote */
-:root.futaba .backlink.deadlink {
-  color: #00E !important;
-}
-:root.futaba .inline {
-  border-color: #D9BFB7;
-  background-color: rgba(255, 255, 255, .14);
-}
-
-/* QR */
-.futaba #dump-list::-webkit-scrollbar-thumb {
-  background-color: #F0E0D6;
-  border-color: #D9BFB7;
-}
-:root.futaba .qr-preview {
-  background-color: rgba(0, 0, 0, .15);
-}
-
-/* Menu */
-:root.futaba #menu {
-  color: #800000;
-}
-:root.futaba .entry {
-  border-bottom: 1px solid #D9BFB7;
-  font-size: 12pt;
-}
-:root.futaba .focused.entry {
-  background: rgba(255, 255, 255, .33);
-}
-
-/* Watcher Favicon */
-:root.futaba .watcher-toggler
-{
-  background-image: url("data:image/svg+xml,<svg viewBox='0 0 26 26' preserveAspectRatio='true' xmlns='http://www.w3.org/2000/svg'><path fill='rgb(128,0,0)' d='M24.132,7.971c-2.203-2.205-5.916-2.098-8.25,0.235L15.5,8.588l-0.382-0.382c-2.334-2.333-6.047-2.44-8.25-0.235c-2.204,2.203-2.098,5.916,0.235,8.249l8.396,8.396l8.396-8.396C26.229,13.887,26.336,10.174,24.132,7.971z'/></svg>");
-}
--- a/src/General/css/photon.css
+++ b/src/General/css/photon.css
@ -1,58 +0,0 @@
-/* General */
-:root.photon .dialog {
-  background-color: #DDD;
-  border-color: #CCC;
-}
-:root.photon .field:focus {
-  border-color: #EA8;
-}
-
-/* Header */
-:root.photon #header-bar, :root.photon #notifications {
-  font-size: 9pt;
-  color: #333;
-}
-:root.photon #header-bar a, :root.photon #notifications a {
-  color: #FF6600;
-}
-
-/* Settings */
-:root.photon #fourchanx-settings fieldset {
-  border-color: #CCC;
-}
-
-/* Quote */
-:root.photon .backlink.deadlink {
-  color: #F60 !important;
-}
-:root.photon .inline {
-  border-color: #CCC;
-  background-color: rgba(255, 255, 255, .14);
-}
-
-/* QR */
-.photon #dump-list::-webkit-scrollbar-thumb {
-  background-color: #DDD;
-  border-color: #CCC;
-}
-:root.photon .qr-preview {
-  background-color: rgba(0, 0, 0, .15);
-}
-
-/* Menu */
-:root.photon #menu {
-  color: #333;
-}
-:root.photon .entry {
-  border-bottom: 1px solid #CCC;
-  font-size: 10pt;
-}
-:root.photon .focused.entry {
-  background: rgba(255, 255, 255, .33);
-}
-
-/* Watcher Favicon */
-:root.photon .watcher-toggler
-{
-  background-image: url("data:image/svg+xml,<svg viewBox='0 0 26 26' preserveAspectRatio='true' xmlns='http://www.w3.org/2000/svg'><path fill='rgb(51,51,51)' d='M24.132,7.971c-2.203-2.205-5.916-2.098-8.25,0.235L15.5,8.588l-0.382-0.382c-2.334-2.333-6.047-2.44-8.25-0.235c-2.204,2.203-2.098,5.916,0.235,8.249l8.396,8.396l8.396-8.396C26.229,13.887,26.336,10.174,24.132,7.971z'/></svg>");
-}
--- a/src/General/css/style.css
+++ b/src/General/css/style.css
--- a/src/General/css/tomorrow.css
+++ b/src/General/css/tomorrow.css
@ -1,64 +0,0 @@
-/* General */
-:root.tomorrow .dialog {
-  background-color: #282A2E;
-  border-color: #111;
-}
-
-/* Header */
-:root.tomorrow #header-bar, :root.tomorrow #notifications {
-  font-size: 9pt;
-  color: #C5C8C6;
-}
-:root.tomorrow #header-bar a, :root.tomorrow #notifications a {
-  color: #81A2BE;
-}
-
-/* Settings */
-:root.tomorrow #fourchanx-settings fieldset {
-  border-color: #111;
-}
-
-/* Quote */
-:root.tomorrow .backlink.deadlink {
-  color: #81A2BE !important;
-}
-:root.tomorrow .inline {
-  border-color: #111;
-  background-color: rgba(0, 0, 0, .14);
-}
-
-/* QR */
-.tomorrow #dump-list::-webkit-scrollbar-thumb {
-  background-color: #282A2E;
-  border-color: #111;
-}
-:root.tomorrow .qr-preview {
-  background-color: rgba(255, 255, 255, .15);
-}
-:root.tomorrow #qr .field {
-  background-color: rgb(26, 27, 29);
-  color: rgb(197,200,198);
-  border-color: rgb(40, 41, 42);
-}
-:root.tomorrow #qr .field:focus {
-  border-color: rgb(129, 162, 190) !important;
-  background-color: rgb(30,32,36);
-}
-
-/* Menu */
-:root.tomorrow #menu {
-  color: #C5C8C6;
-}
-:root.tomorrow .entry {
-  border-bottom: 1px solid #111;
-  font-size: 10pt;
-}
-:root.tomorrow .focused.entry {
-  background: rgba(0, 0, 0, .33);
-}
-
-/* Watcher Favicon */
-:root.tomorrow .watcher-toggler
-{
-  background-image: url("data:image/svg+xml,<svg viewBox='0 0 26 26' preserveAspectRatio='true' xmlns='http://www.w3.org/2000/svg'><path fill='rgb(197,200,198)' d='M24.132,7.971c-2.203-2.205-5.916-2.098-8.25,0.235L15.5,8.588l-0.382-0.382c-2.334-2.333-6.047-2.44-8.25-0.235c-2.204,2.203-2.098,5.916,0.235,8.249l8.396,8.396l8.396-8.396C26.229,13.887,26.336,10.174,24.132,7.971z'/></svg>");
-}
--- a/src/General/css/yotsuba-b.css
+++ b/src/General/css/yotsuba-b.css
@ -1,58 +0,0 @@
-/* General */
-:root.yotsuba-b .dialog {
-  background-color: #D6DAF0;
-  border-color: #B7C5D9;
-}
-:root.yotsuba-b .field:focus {
-  border-color: #98E;
-}
-
-/* Header */
-:root.yotsuba-b #header-bar, :root.yotsuba-b #notifications {
-  font-size: 9pt;
-  color: #89A;
-}
-:root.yotsuba-b #header-bar a, :root.yotsuba-b #notifications a {
-  color: #34345C;
-}
-
-/* Settings */
-:root.yotsuba-b #fourchanx-settings fieldset {
-  border-color: #B7C5D9;
-}
-
-/* Quote */
-:root.yotsuba-b .backlink.deadlink {
-  color: #34345C !important;
-}
-:root.yotsuba-b .inline {
-  border-color: #B7C5D9;
-  background-color: rgba(255, 255, 255, .14);
-}
-
-/* QR */
-.yotsuba-b #dump-list::-webkit-scrollbar-thumb {
-  background-color: #D6DAF0;
-  border-color: #B7C5D9;
-}
-:root.yotsuba-b .qr-preview {
-  background-color: rgba(0, 0, 0, .15);
-}
-
-/* Menu */
-:root.yotsuba-b #menu {
-  color: #000;
-}
-:root.yotsuba-b .entry {
-  border-bottom: 1px solid #B7C5D9;
-  font-size: 10pt;
-}
-:root.yotsuba-b .focused.entry {
-  background: rgba(255, 255, 255, .33);
-}
-
-/* Watcher Favicon */
-:root.yotsuba-b .watcher-toggler
-{
-  background-image: url("data:image/svg+xml,<svg viewBox='0 0 26 26' preserveAspectRatio='true' xmlns='http://www.w3.org/2000/svg'><path fill='rgb(0,0,0)' d='M24.132,7.971c-2.203-2.205-5.916-2.098-8.25,0.235L15.5,8.588l-0.382-0.382c-2.334-2.333-6.047-2.44-8.25-0.235c-2.204,2.203-2.098,5.916,0.235,8.249l8.396,8.396l8.396-8.396C26.229,13.887,26.336,10.174,24.132,7.971z'/></svg>");
-}
--- a/src/General/css/yotsuba.css
+++ b/src/General/css/yotsuba.css
@ -1,58 +0,0 @@
-/* General */
-:root.yotsuba .dialog {
-  background-color: #F0E0D6;
-  border-color: #D9BFB7;
-}
-:root.yotsuba .field:focus {
-  border-color: #EA8;
-}
-
-/* Header */
-:root.yotsuba #header-bar, :root.yotsuba #notifications {
-  font-size: 9pt;
-  color: #B86;
-}
-:root.yotsuba #header-bar a, :root.yotsuba #notifications a {
-  color: #800000;
-}
-
-/* Settings */
-:root.yotsuba #fourchanx-settings fieldset {
-  border-color: #D9BFB7;
-}
-
-/* Quote */
-:root.yotsuba .backlink.deadlink {
-  color: #00E !important;
-}
-:root.yotsuba .inline {
-  border-color: #D9BFB7;
-  background-color: rgba(255, 255, 255, .14);
-}
-
-/* QR */
-.yotsuba #dump-list::-webkit-scrollbar-thumb {
-  background-color: #F0E0D6;
-  border-color: #D9BFB7;
-}
-:root.yotsuba .qr-preview {
-  background-color: rgba(0, 0, 0, .15);
-}
-
-/* Menu */
-:root.yotsuba #menu {
-  color: #800000;
-}
-:root.yotsuba .entry {
-  border-bottom: 1px solid #D9BFB7;
-  font-size: 10pt;
-}
-:root.yotsuba .focused.entry {
-  background: rgba(255, 255, 255, .33);
-}
-
-/* Watcher Favicon */
-:root.yotsuba .watcher-toggler
-{
-  background-image: url("data:image/svg+xml,<svg viewBox='0 0 26 26' preserveAspectRatio='true' xmlns='http://www.w3.org/2000/svg'><path fill='rgb(128,0,0)' d='M24.132,7.971c-2.203-2.205-5.916-2.098-8.25,0.235L15.5,8.588l-0.382-0.382c-2.334-2.333-6.047-2.44-8.25-0.235c-2.204,2.203-2.098,5.916,0.235,8.249l8.396,8.396l8.396-8.396C26.229,13.887,26.336,10.174,24.132,7.971z'/></svg>");
-}
--- a/src/General/html/Build/post.html
+++ b/src/General/html/Build/post.html
@ -34,7 +34,7 @@

  <div class='postInfo desktop' id=pi#{postID}>
    <input type=checkbox name=#{postID} value=delete>
-    #{subject}
+    #{subject}&nbsp;
    <span class='nameBlock#{capcodeClass}'>
      #{emailStart}
      <span class=name>#{name or ''}</span>
--- a/src/General/html/Features/QuickReply.html
+++ b/src/General/html/Features/QuickReply.html
--- a/src/General/html/Settings/Advanced.html
+++ b/src/General/html/Settings/Advanced.html
--- a/src/General/html/Settings/Filter-guide.html
+++ b/src/General/html/Settings/Filter-guide.html
--- a/src/General/html/Settings/Filter-select.html
+++ b/src/General/html/Settings/Filter-select.html
--- a/src/General/html/Settings/Keybinds.html
+++ b/src/General/html/Settings/Keybinds.html
--- a/src/General/html/Settings/Sauce.html
+++ b/src/General/html/Settings/Sauce.html
--- a/src/General/html/Settings/Settings.html
+++ b/src/General/html/Settings/Settings.html
--- a/src/General/img/changelog/1.1.18.png
+++ b/src/General/img/changelog/1.1.18.png
--- a/src/General/img/changelog/1.2.0.png
+++ b/src/General/img/changelog/1.2.0.png
--- a/src/General/img/changelog/1.2.28-2.png
+++ b/src/General/img/changelog/1.2.28-2.png
--- a/src/General/img/changelog/1.2.28.png
+++ b/src/General/img/changelog/1.2.28.png
--- a/src/General/img/emoji/SS-sage.png
+++ b/src/General/img/emoji/SS-sage.png
--- a/src/General/img/emoji/appchan-sage.png
+++ b/src/General/img/emoji/appchan-sage.png
--- a/src/General/img/emoji/arch.png
+++ b/src/General/img/emoji/arch.png
--- a/src/General/img/emoji/baka.png
+++ b/src/General/img/emoji/baka.png
--- a/src/General/img/emoji/centos.png
+++ b/src/General/img/emoji/centos.png
--- a/src/General/img/emoji/crunchbang.png
+++ b/src/General/img/emoji/crunchbang.png
--- a/src/General/img/emoji/debian.png
+++ b/src/General/img/emoji/debian.png
--- a/src/General/img/emoji/fedora.png
+++ b/src/General/img/emoji/fedora.png
--- a/src/General/img/emoji/freebsd.png
+++ b/src/General/img/emoji/freebsd.png
--- a/src/General/img/emoji/gentoo.png
+++ b/src/General/img/emoji/gentoo.png
--- a/src/General/img/emoji/gnu.png
+++ b/src/General/img/emoji/gnu.png
--- a/src/General/img/emoji/madotsuki.png
+++ b/src/General/img/emoji/madotsuki.png
--- a/src/General/img/emoji/mint.png
+++ b/src/General/img/emoji/mint.png
--- a/src/General/img/emoji/neko.png
+++ b/src/General/img/emoji/neko.png
--- a/src/General/img/emoji/openbsd.png
+++ b/src/General/img/emoji/openbsd.png
--- a/src/General/img/emoji/osx.png
+++ b/src/General/img/emoji/osx.png
--- a/src/General/img/emoji/plan9.png
+++ b/src/General/img/emoji/plan9.png
--- a/src/General/img/emoji/ponyo.png
+++ b/src/General/img/emoji/ponyo.png
--- a/src/General/img/emoji/rabite.png
+++ b/src/General/img/emoji/rabite.png
--- a/src/General/img/emoji/rhel.png
+++ b/src/General/img/emoji/rhel.png
--- a/src/General/img/emoji/sabayon.png
+++ b/src/General/img/emoji/sabayon.png
--- a/src/General/img/emoji/sakamoto.png
+++ b/src/General/img/emoji/sakamoto.png
--- a/src/General/img/emoji/sega.png
+++ b/src/General/img/emoji/sega.png
--- a/src/General/img/emoji/slackware.png
+++ b/src/General/img/emoji/slackware.png
--- a/src/General/img/emoji/trisquel.png
+++ b/src/General/img/emoji/trisquel.png
--- a/src/General/img/emoji/ubuntu.png
+++ b/src/General/img/emoji/ubuntu.png
--- a/src/General/img/emoji/windows.png
+++ b/src/General/img/emoji/windows.png
--- a/src/General/img/emoji/yuno.png
+++ b/src/General/img/emoji/yuno.png
--- a/src/General/img/favicons/Mayhem/unreadDead.png
+++ b/src/General/img/favicons/Mayhem/unreadDead.png
--- a/src/General/img/favicons/Mayhem/unreadDeadY.png
+++ b/src/General/img/favicons/Mayhem/unreadDeadY.png
--- a/src/General/img/favicons/Mayhem/unreadNSFW.png
+++ b/src/General/img/favicons/Mayhem/unreadNSFW.png
--- a/src/General/img/favicons/Mayhem/unreadNSFWY.png
+++ b/src/General/img/favicons/Mayhem/unreadNSFWY.png
--- a/src/General/img/favicons/Mayhem/unreadSFW.png
+++ b/src/General/img/favicons/Mayhem/unreadSFW.png
--- a/src/General/img/favicons/Mayhem/unreadSFWY.png
+++ b/src/General/img/favicons/Mayhem/unreadSFWY.png
--- a/src/General/img/favicons/Original/unreadDead.gif
+++ b/src/General/img/favicons/Original/unreadDead.gif
--- a/src/General/img/favicons/Original/unreadDeadY.png
+++ b/src/General/img/favicons/Original/unreadDeadY.png
--- a/src/General/img/favicons/Original/unreadNSFW.gif
+++ b/src/General/img/favicons/Original/unreadNSFW.gif
--- a/src/General/img/favicons/Original/unreadNSFWY.png
+++ b/src/General/img/favicons/Original/unreadNSFWY.png
--- a/src/General/img/favicons/Original/unreadSFW.gif
+++ b/src/General/img/favicons/Original/unreadSFW.gif
--- a/src/General/img/favicons/Original/unreadSFWY.png
+++ b/src/General/img/favicons/Original/unreadSFWY.png
--- a/src/General/img/favicons/dead.gif
+++ b/src/General/img/favicons/dead.gif
--- a/src/General/img/favicons/empty.gif
+++ b/src/General/img/favicons/empty.gif
--- a/src/General/img/favicons/exclamation.png
+++ b/src/General/img/favicons/exclamation.png
--- a/src/General/img/favicons/ferongr/unreadDead.gif
+++ b/src/General/img/favicons/ferongr/unreadDead.gif
--- a/src/General/img/favicons/ferongr/unreadDeadY.png
+++ b/src/General/img/favicons/ferongr/unreadDeadY.png
--- a/src/General/img/favicons/ferongr/unreadNSFW.gif
+++ b/src/General/img/favicons/ferongr/unreadNSFW.gif
--- a/src/General/img/favicons/ferongr/unreadNSFWY.png
+++ b/src/General/img/favicons/ferongr/unreadNSFWY.png
--- a/src/General/img/favicons/ferongr/unreadSFW.gif
+++ b/src/General/img/favicons/ferongr/unreadSFW.gif
--- a/src/General/img/favicons/ferongr/unreadSFWY.png
+++ b/src/General/img/favicons/ferongr/unreadSFWY.png
--- a/Show More
+++ b/Show More