" + item[0] + "
"
+ });
+ return div;
+ },
+ uploadImage: function(evt, el) {
+ var file, reader;
+
+ file = evt.target.files[0];
+ reader = new FileReader();
+ reader.onload = function(evt) {
+ var val;
+
+ val = evt.target.result;
+ el.previousSibling.value = val;
+ editMascot.image = val;
+ return Style.addStyle();
+ };
+ return reader.readAsDataURL(file);
+ },
+ addMascot: function(mascot) {
+ var el;
+
+ if (el = this.el) {
+ return el.src = Array.isArray(mascot.image) ? (Style.lightTheme ? mascot.image[1] : mascot.image[0]) : mascot.image;
+ } else {
+ this.el = el = $.el('div', {
+ id: "mascot",
+ innerHTML: "" + }); + header = $.el("div", { + innerHTML: " by" + }); + _ref = $$("input", header); + for (_i = 0, _len = _ref.length; _i < _len; _i++) { + input = _ref[_i]; + $.on(input, 'blur', function() { + return editTheme[this.name] = this.value; + }); + } + $.add($("#themebar", ThemeTools.dialog), header); + themecontent = $("#themecontent", ThemeTools.dialog); + for (_j = 0, _len1 = layout.length; _j < _len1; _j++) { + item = layout[_j]; + if (!editTheme[item]) { + editTheme[item] = ''; + } + div = $.el("div", { + className: "themevar", + innerHTML: "
" + item + "
"
+ });
+ input = $('input', div);
+ input.value = editTheme[item];
+ switch (item) {
+ case "Background Image":
+ input.className = 'field';
+ fileInput = $.el('input', {
+ type: 'file',
+ accept: "image/*",
+ title: "BG Image",
+ hidden: "hidden"
+ });
+ $.on(input, 'click', function(evt) {
+ if (evt.shiftKey) {
+ return this.nextSibling.click();
+ }
+ });
+ $.on(fileInput, 'change', function(evt) {
+ return ThemeTools.uploadImage(evt, this);
+ });
+ $.after(input, fileInput);
+ break;
+ case "Background Attachment":
+ case "Background Position":
+ case "Background Repeat":
+ input.className = 'field';
+ break;
+ default:
+ input.className = "colorfield";
+ colorInput = $.el('input', {
+ className: 'color',
+ value: "#" + (Style.colorToHex(input.value))
+ });
+ JSColor.bind(colorInput);
+ $.after(input, colorInput);
+ }
+ $.on(input, 'blur', function() {
+ var depth, i, toggle1, toggle2, _k, _ref1;
+
+ depth = 0;
+ if (!(this.value.length > 1000)) {
+ for (i = _k = 0, _ref1 = this.value.length - 1; 0 <= _ref1 ? _k <= _ref1 : _k >= _ref1; i = 0 <= _ref1 ? ++_k : --_k) {
+ switch (this.value[i]) {
+ case '(':
+ depth++;
+ break;
+ case ')':
+ depth--;
+ break;
+ case '"':
+ toggle1 = !toggle1;
+ break;
+ case "'":
+ toggle2 = !toggle2;
+ }
+ }
+ }
+ if (depth !== 0 || toggle1 || toggle2) {
+ return alert("Syntax error on " + this.name + ".");
+ }
+ if (this.className === "colorfield") {
+ this.nextSibling.value = "#" + (Style.colorToHex(this.value));
+ this.nextSibling.color.importColor();
+ }
+ return editTheme[this.name] = this.value;
+ });
+ Style.addStyle(editTheme);
+ $.add(themecontent, div);
+ }
+ $.add(themecontent, div);
+ if (!editTheme["Custom CSS"]) {
+ editTheme["Custom CSS"] = "";
+ }
+ div = $.el("div", {
+ className: "themevar",
+ innerHTML: "
Custom CSS
"
+ });
+ $.on($('textarea', div), 'blur', function() {
+ editTheme["Custom CSS"] = this.value;
+ return Style.themeCSS.textContent = Style.theme(editTheme);
+ });
+ $.add(themecontent, div);
+ $.on($('#save > a', ThemeTools.dialog), 'click', function() {
+ return ThemeTools.save(editTheme);
+ });
+ $.on($('#close > a', ThemeTools.dialog), 'click', ThemeTools.close);
+ $.add(d.body, ThemeTools.dialog);
+ return Style.themeCSS.textContent = Style.theme(editTheme);
+ },
+ uploadImage: function(evt, el) {
+ var file, reader;
+
+ file = evt.target.files[0];
+ reader = new FileReader();
+ reader.onload = function(evt) {
+ var val;
+
+ val = 'url("' + evt.target.result + '")';
+ el.previousSibling.value = val;
+ editTheme["Background Image"] = val;
+ return Style.themeCSS.textContent = Style.theme(editTheme);
+ };
+ return reader.readAsDataURL(file);
+ },
+ importtheme: function(origin, evt) {
+ var file, reader;
+
+ file = evt.target.files[0];
+ reader = new FileReader();
+ reader.onload = function(e) {
+ var bgColor, bgRPA, blinkColor, brderColor, err, imported, inputColor, inputbColor, jlinkColor, linkColor, linkHColor, mainColor, name, nameColor, quoteColor, sageColor, textColor, timeColor, titleColor, tripColor, userThemes;
+
+ try {
+ imported = JSON.parse(e.target.result);
+ } catch (_error) {
+ err = _error;
+ alert(err);
+ return;
+ }
+ if (!((origin !== 'appchan' && imported.mainColor) || (origin === 'appchan' && imported["Author Tripcode"]))) {
+ alert("Theme file is invalid.");
+ return;
+ }
+ name = imported.name || imported["Theme"];
+ delete imported.name;
+ if (Themes[name] && !Themes[name]["Deleted"]) {
+ if (confirm("A theme with this name already exists. Would you like to over-write?")) {
+ delete Themes[name];
+ } else {
+ return;
+ }
+ }
+ if (origin === "oneechan" || origin === "SS") {
+ bgColor = new Style.color(imported.bgColor);
+ mainColor = new Style.color(imported.mainColor);
+ brderColor = new Style.color(imported.brderColor);
+ inputColor = new Style.color(imported.inputColor);
+ inputbColor = new Style.color(imported.inputbColor);
+ blinkColor = new Style.color(imported.blinkColor);
+ jlinkColor = new Style.color(imported.jlinkColor);
+ linkColor = new Style.color(imported.linkColor);
+ linkHColor = new Style.color(imported.linkHColor);
+ nameColor = new Style.color(imported.nameColor);
+ quoteColor = new Style.color(imported.quoteColor);
+ sageColor = new Style.color(imported.sageColor);
+ textColor = new Style.color(imported.textColor);
+ titleColor = new Style.color(imported.titleColor);
+ tripColor = new Style.color(imported.tripColor);
+ timeColor = new Style.color(imported.timeColor || imported.textColor);
+ if (imported.bgRPA) {
+ bgRPA = imported.bgRPA.split(' ');
+ } else {
+ bgRPA = ['no-repeat', 'bottom', 'left', 'fixed'];
+ }
+ if (origin === "oneechan") {
+ Themes[name] = {
+ 'Author': "Anonymous",
+ 'Author Tripcode': "!POMF.9waa",
+ 'Background Image': 'url("' + (imported.bgImg || '') + '")',
+ 'Background Attachment': bgRPA[3] || '',
+ 'Background Position': ((bgRPA[1] + " ") || '') + (bgRPA[2] || ''),
+ 'Background Repeat': bgRPA[0] || '',
+ 'Background Color': 'rgb(' + bgColor.rgb + ')',
+ 'Dialog Background': 'rgba(' + mainColor.rgb + ',.98)',
+ 'Dialog Border': 'rgb(' + brderColor.rgb + ')',
+ 'Thread Wrapper Background': 'rgba(0,0,0,0)',
+ 'Thread Wrapper Border': 'rgba(0,0,0,0)',
+ 'Reply Background': 'rgba(' + mainColor.rgb + ',' + imported.replyOp + ')',
+ 'Reply Border': 'rgb(' + brderColor.rgb + ')',
+ 'Highlighted Reply Background': 'rgba(' + mainColor.shiftRGB(4, true) + ',' + imported.replyOp + ')',
+ 'Highlighted Reply Border': 'rgb(' + linkColor.rgb + ')',
+ 'Backlinked Reply Outline': 'rgb(' + linkColor.rgb + ')',
+ 'Checkbox Background': 'rgba(' + inputColor.rgb + ',' + imported.replyOp + ')',
+ 'Checkbox Border': 'rgb(' + inputbColor.rgb + ')',
+ 'Checkbox Checked Background': 'rgb(' + inputColor.rgb + ')',
+ 'Input Background': 'rgba(' + inputColor.rgb + ',' + imported.replyOp + ')',
+ 'Input Border': 'rgb(' + inputbColor.rgb + ')',
+ 'Hovered Input Background': 'rgba(' + inputColor.hover + ',' + imported.replyOp + ')',
+ 'Hovered Input Border': 'rgb(' + inputbColor.rgb + ')',
+ 'Focused Input Background': 'rgba(' + inputColor.hover + ',' + imported.replyOp + ')',
+ 'Focused Input Border': 'rgb(' + inputbColor.rgb + ')',
+ 'Buttons Background': 'rgba(' + inputColor.rgb + ',' + imported.replyOp + ')',
+ 'Buttons Border': 'rgb(' + inputbColor.rgb + ')',
+ 'Navigation Background': 'rgba(' + bgColor.rgb + ',0.8)',
+ 'Navigation Border': 'rgb(' + mainColor.rgb + ')',
+ 'Quotelinks': 'rgb(' + linkColor.rgb + ')',
+ 'Links': 'rgb(' + linkColor.rgb + ')',
+ 'Hovered Links': 'rgb(' + linkHColor.rgb + ')',
+ 'Navigation Links': 'rgb(' + textColor.rgb + ')',
+ 'Hovered Navigation Links': 'rgb(' + linkHColor.rgb + ')',
+ 'Subjects': 'rgb(' + titleColor.rgb + ')',
+ 'Names': 'rgb(' + nameColor.rgb + ')',
+ 'Sage': 'rgb(' + sageColor.rgb + ')',
+ 'Tripcodes': 'rgb(' + tripColor.rgb + ')',
+ 'Emails': 'rgb(' + linkColor.rgb + ')',
+ 'Post Numbers': 'rgb(' + linkColor.rgb + ')',
+ 'Text': 'rgb(' + textColor.rgb + ')',
+ 'Backlinks': 'rgb(' + linkColor.rgb + ')',
+ 'Greentext': 'rgb(' + quoteColor.rgb + ')',
+ 'Board Title': 'rgb(' + textColor.rgb + ')',
+ 'Timestamps': 'rgb(' + timeColor.rgb + ')',
+ 'Inputs': 'rgb(' + textColor.rgb + ')',
+ 'Warnings': 'rgb(' + sageColor.rgb + ')',
+ 'Shadow Color': 'rgba(0,0,0,0.1)',
+ 'Custom CSS': ".rice {\nbox-shadow:rgba(" + mainColor.shiftRGB(32) + ",.3) 0 1px;\n}\ninput[type=password]:hover,\ninput[type=text]:not([disabled]):hover,\ninput#fs_search:hover,\ninput.field:hover,\n.webkit select:hover,\ntextarea:hover,\n#options input:not([type=checkbox]):hover {\n box-shadow:inset rgba(0,0,0,.2) 0 1px 2px;\n}\ninput[type=password]:focus,\ninput[type=text]:focus,\ninput#fs_search:focus,\ninput.field:focus,\n.webkit select:focus,\ntextarea:focus,\n#options input:focus {\n box-shadow:inset rgba(0,0,0,.2) 0 1px 2px;\n}\nbutton,\ninput,\ntextarea,\n.rice {\n transition:background .2s,box-shadow .2s;\n}" + (imported.customCSS || '')
+ };
+ } else if (origin === "SS") {
+ Themes[name] = {
+ 'Author': "Anonymous",
+ 'Author Tripcode': "!.pC/AHOKAg",
+ 'Background Image': 'url("' + (imported.bgImg || '') + '")',
+ 'Background Attachment': bgRPA[3] || '',
+ 'Background Position': ((bgRPA[1] + " ") || '') + (bgRPA[2] || ''),
+ 'Background Repeat': bgRPA[0] || '',
+ 'Background Color': 'rgb(' + bgColor.rgb + ')',
+ 'Dialog Background': 'rgba(' + mainColor.rgb + ',.98)',
+ 'Dialog Border': 'rgb(' + brderColor.rgb + ')',
+ 'Thread Wrapper Background': 'rgba(' + mainColor.rgb + ',.5)',
+ 'Thread Wrapper Border': 'rgba(' + brderColor.rgb + ',.9)',
+ 'Reply Background': 'rgba(' + mainColor.rgb + ',.9)',
+ 'Reply Border': 'rgb(' + brderColor.rgb + ')',
+ 'Highlighted Reply Background': 'rgba(' + mainColor.shiftRGB(4, true) + ',.9)',
+ 'Highlighted Reply Border': 'rgb(' + linkColor.rgb + ')',
+ 'Backlinked Reply Outline': 'rgb(' + linkColor.rgb + ')',
+ 'Checkbox Background': 'rgba(' + inputColor.rgb + ',.9)',
+ 'Checkbox Border': 'rgb(' + inputbColor.rgb + ')',
+ 'Checkbox Checked Background': 'rgb(' + inputColor.rgb + ')',
+ 'Input Background': 'rgba(' + inputColor.rgb + ',.9)',
+ 'Input Border': 'rgb(' + inputbColor.rgb + ')',
+ 'Hovered Input Background': 'rgba(' + inputColor.hover + ',.9)',
+ 'Hovered Input Border': 'rgb(' + inputbColor.rgb + ')',
+ 'Focused Input Background': 'rgba(' + inputColor.hover + ',.9)',
+ 'Focused Input Border': 'rgb(' + inputbColor.rgb + ')',
+ 'Buttons Background': 'rgba(' + inputColor.rgb + ',.9)',
+ 'Buttons Border': 'rgb(' + inputbColor.rgb + ')',
+ 'Navigation Background': 'rgba(' + bgColor.rgb + ',0.8)',
+ 'Navigation Border': 'rgb(' + mainColor.rgb + ')',
+ 'Quotelinks': 'rgb(' + linkColor.rgb + ')',
+ 'Links': 'rgb(' + linkColor.rgb + ')',
+ 'Hovered Links': 'rgb(' + linkHColor.rgb + ')',
+ 'Navigation Links': 'rgb(' + textColor.rgb + ')',
+ 'Hovered Navigation Links': 'rgb(' + linkHColor.rgb + ')',
+ 'Subjects': 'rgb(' + titleColor.rgb + ')',
+ 'Names': 'rgb(' + nameColor.rgb + ')',
+ 'Sage': 'rgb(' + sageColor.rgb + ')',
+ 'Tripcodes': 'rgb(' + tripColor.rgb + ')',
+ 'Emails': 'rgb(' + linkColor.rgb + ')',
+ 'Post Numbers': 'rgb(' + linkColor.rgb + ')',
+ 'Text': 'rgb(' + textColor.rgb + ')',
+ 'Backlinks': 'rgb(' + linkColor.rgb + ')',
+ 'Greentext': 'rgb(' + quoteColor.rgb + ')',
+ 'Board Title': 'rgb(' + textColor.rgb + ')',
+ 'Timestamps': 'rgb(' + timeColor.rgb + ')',
+ 'Inputs': 'rgb(' + textColor.rgb + ')',
+ 'Warnings': 'rgb(' + sageColor.rgb + ')',
+ 'Shadow Color': 'rgba(0,0,0,0.1)',
+ 'Custom CSS': ".board {\npadding: 1px 2px;\n}\n.rice {\nbox-shadow:rgba(" + mainColor.shiftRGB(32) + ",.3) 0 1px;\n}\ninput[type=password]:hover,\ninput[type=text]:not([disabled]):hover,\ninput#fs_search:hover,\ninput.field:hover,\n.webkit select:hover,\ntextarea:hover,\n#options input:not([type=checkbox]):hover {\n box-shadow:inset rgba(0,0,0,.2) 0 1px 2px;\n}\ninput[type=password]:focus,\ninput[type=text]:focus,\ninput#fs_search:focus,\ninput.field:focus,\n.webkit select:focus,\ntextarea:focus,\n#options input:focus {\n box-shadow:inset rgba(0,0,0,.2) 0 1px 2px;\n}\nbutton,\ninput,\ntextarea,\n.rice {\n transition:background .2s,box-shadow .2s;\n}" + (imported.customCSS || '')
+ };
+ }
+ } else if (origin === 'appchan') {
+ Themes[name] = imported;
+ }
+ userThemes = $.get("userThemes", {});
+ userThemes[name] = Themes[name];
+ $.set('userThemes', userThemes);
+ alert("Theme \"" + name + "\" imported!");
+ $.rm($("#themes", d.body));
+ return Options.themeTab();
+ };
+ return reader.readAsText(file);
+ },
+ save: function(theme) {
+ var name, userThemes;
+
+ name = theme["Theme"];
+ if (Themes[name] && !Themes[name]["Deleted"]) {
+ if (confirm("A theme with this name already exists. Would you like to over-write?")) {
+ delete Themes[name];
+ } else {
+ return;
+ }
+ }
+ Themes[name] = JSON.parse(JSON.stringify(theme));
+ delete Themes[name]["Theme"];
+ userThemes = $.get("userThemes", {});
+ userThemes[name] = Themes[name];
+ $.set('userThemes', userThemes);
+ $.set("theme", Conf['theme'] = name);
+ return alert("Theme \"" + name + "\" saved.");
+ },
+ close: function() {
+ Conf['editMode'] = false;
+ $.rm($("#themeConf", d.body));
+ Style.addStyle();
+ return Options.dialog("theme");
}
};
@@ -1678,7 +5094,7 @@
var catalogLink;
if (catalogLink = $('.pages.cataloglink a', d.body) || $('[href=".././catalog"]', d.body)) {
- if (!g.VIEW === thread) {
+ if (!g.VIEW === 'thread') {
$.add(d.body, catalogLink);
}
return catalogLink.id = 'catalog';
@@ -8542,6 +11958,11 @@
};
initFeatures({
'Polyfill': Polyfill,
+ 'Emoji': Emoji,
+ 'Style': Style,
+ 'Rice': Rice,
+ 'Banner': Banner,
+ 'Announcements': GlobalMessage,
'Header': Header,
'Catalog Links': CatalogLinks,
'Settings': Settings,
@@ -8606,9 +12027,6 @@
}
return;
}
- if (!$.hasClass(doc, 'fourchan-x')) {
- Main.initStyle();
- }
if (board = $('.board')) {
threads = [];
posts = [];
diff --git a/css/burichan.css b/css/burichan.css
deleted file mode 100644
index 0c941526c..000000000
--- a/css/burichan.css
+++ /dev/null
@@ -1,52 +0,0 @@
-/* General */
-:root.burichan .dialog {
- background-color: #D6DAF0;
- border-color: #B7C5D9;
-}
-:root.burichan .field:focus {
- border-color: #98E;
-}
-
-/* Header */
-:root.burichan #header-bar {
- font-size: 11pt;
- color: #89A;
-}
-:root.burichan #header-bar a {
- color: #34345C;
-}
-
-/* Settings */
-:root.burichan #fourchanx-settings fieldset {
- border-color: #B7C5D9;
-}
-
-/* Quote */
-:root.burichan .backlink.deadlink {
- color: #34345C !important;
-}
-:root.burichan .inline {
- border-color: #B7C5D9;
- background-color: rgba(255, 255, 255, .14);
-}
-
-/* QR */
-.burichan #dump-list::-webkit-scrollbar-thumb {
- background-color: #D6DAF0;
- border-color: #B7C5D9;
-}
-:root.burichan .qr-preview {
- background-color: rgba(0, 0, 0, .15);
-}
-
-/* Menu */
-:root.burichan #menu {
- color: #000000;
-}
-:root.burichan .entry {
- border-bottom: 1px solid #B7C5D9;
- font-size: 12pt;
-}
-:root.burichan .focused.entry {
- background: rgba(255, 255, 255, .33);
-}
diff --git a/css/futaba.css b/css/futaba.css
deleted file mode 100644
index 30099ef0c..000000000
--- a/css/futaba.css
+++ /dev/null
@@ -1,52 +0,0 @@
-/* General */
-:root.futaba .dialog {
- background-color: #F0E0D6;
- border-color: #D9BFB7;
-}
-:root.futaba .field:focus {
- border-color: #EA8;
-}
-
-/* Header */
-:root.futaba #header-bar {
- font-size: 11pt;
- color: #B86;
-}
-:root.futaba #header-bar 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);
-}
diff --git a/css/icons.base.css b/css/icons.base.css
new file mode 100644
index 000000000..060a24d2f
--- /dev/null
+++ b/css/icons.base.css
@@ -0,0 +1,95 @@
+
+#navtopright .exlinksOptionsLink::after,
+#appchanOptions,
+body > div.navLinks > a:first-of-type::after,
+#{if Conf['Slideout Watcher'] then '#watcher::after,' else ''}
+#{if Conf['Announcements'] is 'slideout' then '#globalMessage::after,' else ''}
+#boardNavDesktopFoot::after,
+body > a[style="cursor: pointer; float: right;"]::after,
+#imgControls label:first-of-type::after,
+#catalog::after,
+#fappeTyme {
+ z-index: 18;
+ position: fixed;
+ display: block;
+ width: 15px;
+ height: 15px;
+ content: "";
+ overflow: hidden;
+ opacity: #{if Conf['Invisible Icons'] then 0 else 0.5};
+}
+#navtopright .exlinksOptionsLink,
+body > div.navLinks > a:first-of-type,
+#{if Conf['Slideout Watcher'] then '#watcher,' else ''}
+#{if Conf['Announcements'] is 'slideout' then '#globalMessage,' else ''}
+#boardNavDesktopFoot,
+body > a[style="cursor: pointer; float: right;"],
+#catalog {
+ z-index: 16;
+}
+#navtopright .exlinksOptionsLink:hover,
+body > div.navLinks > a:first-of-type:hover,
+#{if Conf['Slideout Watcher'] then '#watcher:hover,' else ''}
+#{if Conf['Announcements'] is 'slideout' then '#globalMessage:hover,' else ''}
+#boardNavDesktopFoot:hover,
+body > a[style="cursor: pointer; float: right;"]:hover,
+#catalog:hover {
+ z-index: 17;
+}
+#imgControls {
+ z-index: 19;
+}
+#imgControls {
+ position: fixed;
+}
+#appchanOptions {
+ visibility: visible;
+ background-position: 0 0;
+}
+body > div.navLinks > a:first-of-type::after {
+ cursor: pointer;
+ background-position: 0 -15px;
+}
+#watcher::after {
+ background-position: 0 -30px;
+}
+#globalMessage::after {
+ background-position: 0 -45px;
+}
+#boardNavDesktopFoot::after {
+ background-position: 0 -60px;
+}
+body > a[style="cursor: pointer; float: right;"]::after {
+ visibility: visible;
+ cursor: pointer;
+ background-position: 0 -75px;
+}
+#imgControls label:first-of-type::after {
+ position: static;
+ background-position: 0 -90px;
+}
+#navtopright .exlinksOptionsLink::after {
+ background-position: 0 -105px;
+}
+#catalog::after {
+ visibility: visible;
+ background-position: 0 -120px;
+}
+#fappeTyme {
+ background-position: 0 -135px;
+}
+#boardNavDesktopFoot:hover::after,
+#globalMessage:hover::after,
+#imgControls label:hover:first-of-type::after,
+#navlinks a:hover,
+#appchanOptions:hover,
+#navtopright .exlinksOptionsLink:hover::after,
+#qr #qrtab,
+#watcher:hover::after,
+.thumbnail#selected,
+body > a[style="cursor: pointer; float: right;"]:hover::after,
+div.navLinks > a:first-of-type:hover::after,
+#catalog:hover::after,
+#fappeTyme:hover {
+ opacity: 1;
+}
\ No newline at end of file
diff --git a/css/icons.horz.css b/css/icons.horz.css
new file mode 100644
index 000000000..f8b2d7614
--- /dev/null
+++ b/css/icons.horz.css
@@ -0,0 +1,81 @@
+
+/* 4chan X Options */
+#appchanOptions {
+ #{align}: #{position[i++]}px;
+}
+/* Slideout Navigation */
+#boardNavDesktopFoot::after {
+ #{align}: #{position[i++]}px;
+}
+/* Global Message */
+#globalMessage::after {
+ #{align}: #{position[i++]}px;
+}
+/* Watcher */
+#watcher::after {
+ #{align}: #{position[i++]}px;
+}
+/* ExLinks */
+#navtopright .exlinksOptionsLink::after {
+ #{align}: #{position[i++]}px;
+}
+/* 4sight */
+body > a[style="cursor: pointer; float: right;"]::after {
+ #{align}: #{position[i++]}px;
+}
+/* Expand Images */
+#imgControls {
+ #{align}: #{position[i++]}px;
+}
+/* 4chan Catalog */
+#catalog::after {
+ #{align}: #{position[i++]}px;
+}
+/* Back */
+div.navLinks > a:first-of-type::after {
+ #{align}: #{position[i++]}px;
+}
+/* Fappe Tyme */
+#fappeTyme {
+ #{align}: #{position[i++]}px;
+}
+/* Thread Navigation Links */
+#navlinks a {
+ margin: 2px;
+ top: 2px;
+}
+#navlinks a:last-of-type {
+ #{align}: #{position[i++]}px;
+}
+#navlinks a:first-of-type {
+ #{align}: #{position[i++]}px;
+}
+#prefetch {
+ width: #{248 + Style.sidebarOffset.W}px;
+ #{align}: 2px;
+ top: 1.6em;
+ text-align: #{Style.sidebarLocation[1]};
+}
+#boardNavDesktopFoot::after,
+#navtopright .exlinksOptionsLink::after,
+#appchanOptions,
+#watcher::after,
+#globalMessage::after,
+#imgControls,
+#fappeTyme,
+div.navLinks > a:first-of-type::after,
+#catalog::after,
+body > a[style="cursor: pointer; float: right;"]::after {
+ top: 2px !important;
+}
+#{if _conf["Announcements"] is "slideout" then "#globalMessage," else ""}
+#{if _conf["Slideout Watcher"] then "#watcher," else ""}
+#boardNavDesktopFoot {
+ top: 17px !important;
+}
+#{if _conf['Boards Navigation'] is 'top' or _conf['Boards Navigation'] is 'sticky top' then '#boardNavDesktop' else if _conf['Pagination'] is 'top' or _conf['Pagination'] is 'sticky top' then '.pagelist'} {
+ #{if _conf['4chan SS Navigation']
+ "padding-#{align}: #{iconOffset}px;"
+ else
+ "margin-#{align}: #{iconOffset}px;"}
+}\n
\ No newline at end of file
diff --git a/css/icons.horz.tu.css b/css/icons.horz.tu.css
new file mode 100644
index 000000000..9b69e2e61
--- /dev/null
+++ b/css/icons.horz.tu.css
@@ -0,0 +1,9 @@
+/* Updater + Stats */
+#updater,
+#stats {
+ #{align}: 2px !important;
+ #{Style.sidebarLocation[1]}: auto !important;
+ top: auto !important;
+ bottom: auto !important;
+ #{if _conf["Updater Position"] is 'top' then "top: 1.6em !important" else "bottom: 0 !important"};
+}
\ No newline at end of file
diff --git a/css/icons.vert.css b/css/icons.vert.css
new file mode 100644
index 000000000..f4d6c54b3
--- /dev/null
+++ b/css/icons.vert.css
@@ -0,0 +1,81 @@
+
+/* Image Expansion */
+#imgControls {
+ top: #{position[i++]}px;
+}
+/* 4chan X Options */
+#appchanOptions {
+ top: #{position[i++]}px;
+}
+/* Slideout Navigation */
+#boardNavDesktopFoot,
+#boardNavDesktopFoot::after {
+ top: #{position[i++]}px;
+}
+/* Global Message */
+#globalMessage,
+#globalMessage::after {
+ top: #{position[i++]}px;
+}
+/* Watcher */
+#{if _conf["Slideout Watcher"] then "#watcher, #watcher::after" else ""} {
+ top: #{position[i++]}px !important;
+}
+/* 4sight */
+body > a[style="cursor: pointer; float: right;"]::after {
+ top: #{position[i++]}px;
+}
+/* ExLinks */
+#navtopright .exlinksOptionsLink::after {
+ top: #{position[i++]}px;
+}
+/* 4chan Catalog */
+#catalog::after {
+ top: #{position[i++]}px;
+}
+/* Back */
+div.navLinks > a:first-of-type::after {
+ top: #{position[i++]}px;
+}
+/* Fappe Tyme */
+#fappeTyme {
+ top: #{position[i++]}px;
+}
+/* Thread Navigation Links */
+#navlinks a:first-of-type {
+ top: #{position[i++]}px !important;
+}
+#navlinks a:last-of-type {
+ top: #{position[i++]}px !important;
+}
+#prefetch {
+ width: #{248 + Style.sidebarOffset.W}px;
+ #{align}: 2px;
+ top: 0;
+ text-align: #{Style.sidebarLocation[1]};
+}
+#navlinks a,
+#navtopright .exlinksOptionsLink::after,
+#appchanOptions,
+#boardNavDesktopFoot::after,
+#globalMessage::after,
+#imgControls,
+#fappeTyme,
+#{if _conf["Slideout Watcher"] then "#watcher::after," else ""}
+body > a[style="cursor: pointer; float: right;"]::after,
+#catalog::after,
+div.navLinks > a:first-of-type::after {
+ #{align}: 3px !important;
+}
+#boardNavDesktopFoot,
+#globalMessage,
+#watcher {
+ width: #{233 + Style.sidebarOffset.W}px !important;
+ #{align}: 18px !important;
+}
+#{if _conf['Boards Navigation'] is 'top' or _conf['Boards Navigation'] is 'sticky top' then '#boardNavDesktop' else if _conf['Pagination'] is 'top' or _conf['Pagination'] is 'sticky top' then '.pagelist'} {
+ #{if _conf['4chan SS Navigation']
+ "padding-#{align}: #{iconOffset}px;"
+ else
+ "margin-#{align}: #{iconOffset}px;"}
+}
\ No newline at end of file
diff --git a/css/icons.vert.tu.css b/css/icons.vert.tu.css
new file mode 100644
index 000000000..11122d7fe
--- /dev/null
+++ b/css/icons.vert.tu.css
@@ -0,0 +1,8 @@
+/* Updater + Stats */
+#updater,
+#stats {
+ #{align}: #{if _conf["Updater Position"] is "top" then "24" else "2"}px !important;
+ #{Style.sidebarLocation[1]}: auto !important;
+ top: #{if _conf["Updater Position"] == "top" then "-1px" else "auto"} !important;
+ bottom: #{if _conf["Updater Position"] == "bottom" then "-2px" else "auto"} !important;
+}
\ No newline at end of file
diff --git a/css/jscolor.css b/css/jscolor.css
new file mode 100644
index 000000000..f1d39d90c
--- /dev/null
+++ b/css/jscolor.css
@@ -0,0 +1,77 @@
+.jscBox {
+ width: 251px;
+ height: 155px;
+}
+.jscBoxB,
+.jscPadB,
+.jscPadM,
+.jscSldB,
+.jscSldM,
+.jscBtn {
+ position: absolute;
+ clear: both;
+}
+.jscBoxB {
+ left: 320px;
+ bottom: 20px;
+ z-index: 30;
+ border: 1px solid;
+ border-color: ThreeDHighlight ThreeDShadow ThreeDShadow ThreeDHighlight;
+ background: ThreeDFace;
+}
+.jscPad {
+ width: 181px;
+ height: 101px;
+ background-image: #{agent}linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)), #{agent}linear-gradient(left, #f00, #ff0, #0f0, #0ff, #00f, #f0f, #f00);
+ background-repeat: no-repeat;
+ background-position: 0 0;
+}
+.jscPadB {
+ left: 10px;
+ top: 10px;
+ border: 1px solid;
+ border-color: ThreeDShadow ThreeDHighlight ThreeDHighlight ThreeDShadow;
+}
+.jscPadM {
+ left: 0;
+ top: 0;
+ width: 200px;
+ height: 121px;
+ cursor: crosshair;
+ background-image: url('data:image/gif;base64,R0lGODlhDwAPAKEBAAAAAP///////////yH5BAEKAAIALAAAAAAPAA8AAAIklB8Qx53b4otSUWcvyiz4/4AeQJbmKY4p1HHapBlwPL/uVRsFADs=');
+ background-repeat: no-repeat;
+}
+.jscSld {
+ width: 16px;
+ height: 101px;
+ background-image: #{agent}linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1));
+}
+.jscSldB {
+ right: 10px;
+ top: 10px;
+ border: 1px solid;
+ border-color: ThreeDShadow ThreeDHighlight ThreeDHighlight ThreeDShadow;
+}
+.jscSldM {
+ right: 0;
+ top: 0;
+ width: 36px;
+ height: 121px;
+ cursor: pointer;
+ background-image: url('data:image/gif;base64,R0lGODlhBwALAKECAAAAAP///6g8eKg8eCH5BAEKAAIALAAAAAAHAAsAAAITTIQYcLnsgGxvijrxqdQq6DRJAQA7');
+ background-repeat: no-repeat;
+}
+.jscBtn {
+ right: 10px;
+ bottom: 10px;
+ padding: 0 15px;
+ height: 18px;
+ border: 1px solid;
+ border-color: ThreeDHighlight ThreeDShadow ThreeDShadow ThreeDHighlight;
+ color: ButtonText;
+ text-align: center;
+ cursor: pointer;
+}
+.jscBtnS {
+ line-height: 10px;
+}
\ No newline at end of file
diff --git a/css/layout.css b/css/layout.css
new file mode 100644
index 000000000..5dd257e33
--- /dev/null
+++ b/css/layout.css
@@ -0,0 +1,1790 @@
+/* Cleanup */
+#absbot,
+#delPassword,
+#delform > hr:last-of-type,
+#navbotright,
+#postForm,
+#styleSwitcher,
+.boardBanner > div,
+.mobile,
+.postingMode,
+.riced,
+.sideArrows,
+.stylechanger,
+body > br,
+body > div[style^="text-align"],
+body > hr {
+ display: none;
+}
+/* Empties */
+#qr .warning:empty,
+#threadselect:empty {
+ display: none;
+}
+/* File Name Trunctuate */
+.fileText:hover .fntrunc,
+.fileText:not(:hover) .fnfull {
+ display: none;
+}
+/* Unnecessary */
+#qp input,
+#qp .rice,
+.inline .rice {
+ display: none !important;
+}
+/* Hidden Content */
+.forwarded,
+.hidden_thread ~ div,
+.hidden_thread ~ a,
+[hidden] {
+ display: none !important;
+}
+/* Hidden UI */
+#catalog,
+#navlinks,
+#navtopright,
+.cataloglink,
+.navLinks,
+a[style="cursor: pointer; float: right;"] {
+ position: fixed;
+ top: 100%;
+ left: 100%;
+}
+/* Hide last horizontal rule, keep clear functionality. */
+.board > hr:last-of-type {
+ visibility: hidden;
+}
+/* Fappe Tyme */
+.fappeTyme .thread > .noFile {
+ display: none;
+}
+/* Defaults */
+a {
+ text-decoration: #{if _conf["Underline Links"] then "underline" else "none"};
+ outline: none;
+}
+body, html {
+ min-height: 100%;
+ #{Style.sizing}: border-box;
+}
+body {
+ outline: none;
+ font-size: #{parseInt(_conf["Font Size"], 10)}px;
+ font-family: #{_conf["Font"]};
+ min-height: 100%;
+ margin-top: 0;
+ margin-bottom: 0;
+ margin-#{Style.sidebarLocation[0]}: #{if /^boards\.4chan\.org$/.test(location.hostname) then Style.sidebar else '2'}px;
+ margin-#{Style.sidebarLocation[1]}: 2px;
+ padding: 0 #{parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]}px 0 #{parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"]}px;
+}
+#{if _conf["4chan SS Sidebar"] and /^boards\.4chan\.org$/.test location.hostname then "
+body::before {
+ content: '';
+ position: fixed;
+ top: 0;
+ bottom: 0;
+ #{Style.sidebarLocation[0]}: 0;
+ width: #{if _conf["Sidebar"] is 'large' then 305 else if _conf['Sidebar'] is 'normal' then 254 else if _conf['Sidebar'] is 'minimal' then 27 else 0}px;
+ z-index: 1;
+ #{Style.sizing}: border-box;
+ display: block;
+}
+body {
+ padding-#{Style.sidebarLocation[0]}: 2px;
+}
+" else ""}
+button,
+input,
+textarea {
+ font-size: #{parseInt(_conf["Font Size"], 10)}px;
+ font-family: #{_conf["Font"]};
+}
+hr {
+ clear: both;
+ border: 0;
+ padding: 0;
+ margin: 0 0 1px;
+ #{if _conf['Hide Horizontal Rules'] then 'visibility: hidden;' else ''}
+}
+.center {
+ text-align: center;
+}
+/* Symbols */
+.dropmarker {
+ vertical-align: middle;
+ display: inline-block;
+ margin: 2px 2px 3px;
+ border-top: .5em solid;
+ border-right: .3em solid transparent;
+ border-left: .3em solid transparent;
+}
+/* Thread / Reply Nav */
+#navlinks a {
+ position: fixed;
+ z-index: 12;
+ opacity: 0.5;
+ display: inline-block;
+ border-right: 6px solid transparent;
+ border-left: 6px solid transparent;
+ margin: 1.5px;
+}
+/* Navigation */
+#boardNavDesktop {
+ z-index: 6;
+ border-width: 1px;
+#{{
+"sticky top": "
+ position: fixed;
+ top: 0;
+ border-top-width: 0;
+ #{if _conf["Rounded Edges"] then "border-radius: 0 0 3px 3px;" else ""}"
+
+"sticky bottom": "
+ position: fixed;
+ bottom: 0;
+ border-bottom-width: 0;
+ #{if _conf["Rounded Edges"] then "border-radius: 3px 3px 0 0;" else ""}"
+
+"top": "
+ position: absolute;
+ top: 0;
+ border-top-width: 0;
+ #{if _conf["Rounded Edges"] then "border-radius: 0 0 3px 3px;" else ""}"
+
+"hide": "
+ position: fixed;
+ top: 110%;"
+
+}[_conf['Boards Navigation']]}
+#{
+if _conf['4chan SS Navigation'] then "
+ left: 0;
+ right: 0;
+ border-left: 0;
+ border-right: 0;
+ border-radius: 0 !important;"
+else "
+ #{Style.sidebarLocation[0]}: #{Style.sidebar + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]}px;
+ #{Style.sidebarLocation[1]}: #{parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2}px;"
+}
+#{if _conf["Hide Navigation Decorations"] then "
+ font-size: 0;
+ color: transparent;
+ word-spacing: 2px;
+" else ""}
+ text-align: #{_conf["Navigation Alignment"]};
+}
+/* Pagination */
+.pagelist {
+ border-width: 1px;
+ text-align: #{_conf["Pagination Alignment"]};
+#{
+if _conf['4chan SS Navigation'] then "
+ left: 0;
+ right: 0;
+ border-left: 0;
+ border-right: 0;
+ border-radius: 0 !important;"
+else "
+ #{Style.sidebarLocation[0]}: #{Style.sidebar + parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]}px;
+ #{Style.sidebarLocation[1]}: #{parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"] + 2}px;"
+}
+#{{
+"sticky top": "
+ position: fixed;
+ top: 0;
+ border-top-width: 0;
+ #{if _conf["Rounded Edges"] then "border-radius: 0 0 3px 3px;" else ""}"
+
+"sticky bottom": "
+ position: fixed;
+ bottom: 0;
+ border-bottom-width: 0;
+ #{if _conf["Rounded Edges"] then "border-radius: 3px 3px 0 0;" else ""}"
+
+"top": "
+ position: absolute;
+ top: 0;
+ border-top-width: 0;
+ #{if _conf["Rounded Edges"] then "border-radius: 0 0 3px 3px;" else ""}"
+
+"bottom": "
+ position: static;
+ #{if _conf["Rounded Edges"] then "border-radius: 3px 3px 0 0;" else ""}"
+
+"hide": "
+ display: none;"
+
+"on side": "
+ position: fixed;
+ padding: 0;
+ top: auto;
+ bottom: #{if ['fixed', 'transparent fade'].contains(_conf['Post Form Style']) then (21.6 + (if Conf['Show Post Form Header'] then 1.5 else 0) + (if Conf['Post Form Decorations'] then 0.2 else 0)) else .5}em;
+ #{Style.sidebarLocation[1]}: auto;
+ #{Style.sidebarLocation[0]}: #{250 + Style.sidebarOffset.W}px
+ position: fixed;
+#{if Style.sidebarLocation[0] is 'right' then "
+ #{agent}transform: rotate(90deg);
+ #{agent}transform-origin: bottom right;"
+else "
+ #{agent}transform: rotate(-90deg);
+ #{agent}transform-origin: bottom left;
+"}
+ z-index: 6;
+ margin: 0;
+ background: none transparent !important;
+ border: 0 none !important;
+ text-align: right;
+"
+}[_conf['Pagination']]}
+#{if _conf["Hide Navigation Decorations"] then "
+ font-size: 0;
+ color: transparent;
+ word-spacing: 0;
+" else ""}
+ z-index: 6;
+}
+.pagelist input,
+.pagelist div {
+ vertical-align: middle;
+}
+#boardNavDesktop a {
+ font-size: #{parseInt(_conf["Font Size"], 10)}px;
+}
+#{if _conf["Hide Navigation Decorations"] then "
+.pages a {
+ margin: 0 1px;
+ font-size: #{parseInt(_conf["Font Size"], 10)}px;
+}" else ""}
+.next,
+.pages,
+.prev {
+ display: inline-block;
+ margin: 0 3px;
+}
+/* Banner */
+.boardBanner {
+ line-height: 0;
+}
+#{if _conf["Faded 4chan Banner"] then "
+.boardBanner {
+ opacity: 0.5;
+ #{agent}transition: opacity 0.3s ease-in-out .5s;
+}
+.boardBanner:hover {
+ opacity: 1;
+ #{agent}transition: opacity 0.3s ease-in;
+}
+" else ""}
+#{if _conf["4chan Banner Reflection"] then "
+/* From 4chan SS / OneeChan */
+.gecko .boardBanner::after {
+ background-image: -moz-element(#Banner);
+ bottom: -100%;
+ content: '';
+ left: 0;
+ mask: url(\"data:image/svg+xml,#mask\");
+ opacity: 0.3;
+ position: absolute;
+ right: 0;
+ top: 100%;
+ -moz-transform: scaleY(-1);
+ z-index: -1;
+}
+.webkit #Banner {
+ -webkit-box-reflect: below 0 -webkit-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,0) 10%, rgba(255,255,255,.5));
+}
+" else ""}
+#{{
+"at sidebar top": "
+.boardBanner {
+ position: fixed;
+ top: 18px;
+ #{Style.sidebarLocation[0]}: 2px;
+}
+.boardBanner img {
+ width: #{width}px;
+}"
+"at sidebar bottom": "
+.boardBanner {
+ position: fixed;
+ bottom: 270px;
+ #{Style.sidebarLocation[0]}: 2px;
+}
+.boardBanner img {
+ width: #{width}px;
+}"
+
+"under post form": "
+ .boardBanner {
+ position: fixed;
+ bottom: 130px;
+ #{Style.sidebarLocation[0]}: 2px;
+}
+.boardBanner img {
+ width: #{width}px;
+}"
+
+"at top": "
+.boardBanner {
+ position: relative;
+ display: table;
+ margin: 12px auto;
+ text-align: center;
+}"
+
+"hide": "
+.boardBanner {
+ display: none;
+}"
+}[_conf["4chan Banner"]]}
+/* Board Title */
+#boardTitle {
+ font-size: #{parseInt(_conf["Font Size"], 10) + 10}px;
+ text-align: center;
+ z-index: 4;
+#{{
+"at sidebar top": "
+ position: fixed;
+ #{Style.sidebarLocation[0]}: 2px;
+ top: #{(if Style.logoOffset is 0 and _conf["Icon Orientation"] isnt "vertical" then 40 else 21) + Style.logoOffset}px;
+ width: #{width}px;
+"
+
+"at sidebar bottom": "
+ position: fixed;
+ #{Style.sidebarLocation[0]}: 2px;
+ bottom: 280px;
+ width: #{width}px;
+"
+
+"under post form": "
+ position: fixed;
+ #{Style.sidebarLocation[0]}: 2px;
+ bottom: 140px;
+ width: #{width}px;
+"
+
+"at top": "
+ margin: 12px 0;
+"
+
+"hide": "
+ display: none;
+"}[_conf["Board Title"]]}
+}
+.boardTitle a {
+ font-size: #{parseInt(_conf["Font Size"], 10) + 10}px;
+}
+.boardSubtitle,
+.boardSubtitle a {
+ font-size: #{parseInt(_conf["Font Size"], 10) - 1}px;
+}
+/* Dialogs */
+.move {
+ cursor: pointer;
+}
+#ihover {
+ position: fixed;
+ max-height: 97%;
+ max-width: 75%;
+ padding: 10px;
+ z-index: 22;
+}
+#qp {
+ position: fixed;
+ z-index: 22;
+}
+#qp .postMessage::after {
+ clear: both;
+ display: block;
+ content: "";
+}
+#qp .fullSize {
+ max-height: 300px;
+ max-width: 500px;
+}
+#menu {
+ position: absolute;
+ outline: none;
+ z-index: 22;
+}
+/* Updater */
+#updater {
+ position: fixed;
+ z-index: 10;
+ padding: 0 1px 1px;
+ border: 1px solid transparent;
+ #{if _conf["Rounded Edges"] then "border-radius: 3px;" else ""}
+}
+#updater:not(:hover) > div:not(.move) {
+ display: none;
+}
+#updater input {
+ text-align: right;
+}
+#updater .rice {
+ float: left;
+}
+#updater .field {
+ width: 50px;
+}
+/* Stats */
+#stats {
+ position: fixed;
+ #{if _conf["Rounded Edges"] then "border-radius: 3px;" else ""}
+}
+/* Image Expansion */
+#imgControls .rice {
+ display: none;
+}
+#imgControls {
+ width: 15px;
+ overflow-x: hidden;
+ overflow-y: visible;
+}
+#imgContainer {
+ float: #{Style.sidebarLocation[0]};
+}
+#imgContainer,
+#imgControls:hover {
+ width: 110px;
+}
+#imgControls label {
+ float: #{Style.sidebarLocation[0]};
+}
+#imgControls .selectrice {
+ float: #{Style.sidebarLocation[1]};
+ width: 90px;
+}
+.fitwidth .fullSize {
+ max-width: 100%;
+ width: 100%;
+}
+
+#{if _conf['Images Overlap Post Form'] then "
+.fullSize {
+ position: relative;
+ z-index: 22;
+}" else ""
+}
+/* Prefetcher */
+#prefetch {
+ z-index: 9;
+ position: fixed;
+}
+/* Delete Buttons */
+#{if _conf['Hide Delete UI'] then "
+.deleteform,
+.post .rice {
+ display: none;
+}
+.postInfo {
+ padding: 0 0 0 3px;
+}
+" else "
+.deleteform {
+ position: fixed;
+ z-index: 18;
+ width: 0;
+ bottom: 0;
+ right: 0;
+ border-width: 1px 0 0 1px;
+ border-style: solid;
+ font-size: 0;
+ color: transparent;
+ max-height: 1.6em;
+}
+.deleteform:hover {
+ width: auto;
+}
+.deleteform::before {
+ z-index: 18;
+ border-width: 1px 0 0 1px;
+ border-style: solid;
+ content: 'X';
+ display: block;
+ position: fixed;
+ bottom: 0;
+ right: 0;
+ font-size: #{_conf['Font Size']}px;
+ #{Style.sizing}: border-box;
+ height: 1.6em;
+ width: 1.4em;
+ text-align: center;
+}
+.deleteform:hover::before {
+ display: none;
+}
+.deleteform input {
+ margin: 0 1px 0 0;
+}"}
+/* Slideout Navigation */
+#boardNavDesktopFoot {
+ position: fixed;
+ width: #{width}px;
+ #{Style.sidebarLocation[0]}: 2px;
+ text-align: center;
+ font-size: 0;
+ color: transparent;
+ overflow: hidden;
+ #{Style.sizing}: border-box;
+}
+#boardNavDesktopFoot a,
+#boardNavDesktopFoot a::after,
+#boardNavDesktopFoot a::before {
+ font-size: #{_conf['Font Size']}px;
+}
+#boardNavDesktopFoot:hover {
+ overflow-y: auto;
+ padding: 2px;
+}
+#boardNavDesktopFoot:not(:hover) {
+ border-color: transparent;
+ background-color: transparent;
+ height: 0;
+ overflow: hidden;
+ padding: 0;
+ border: 0 none;
+}
+#{{
+compact: "
+#boardNavDesktopFoot {
+ word-spacing: 1px;
+}
+"
+list: "
+#boardNavDesktopFoot a {
+ display: block;
+}
+#boardNavDesktopFoot:hover {
+ max-height: 400px;
+}
+#boardNavDesktopFoot a::after {
+ content: ' - ' attr(title);
+}
+#boardNavDesktopFoot a[href*='//boards.4chan.org/']::after,
+#boardNavDesktopFoot a[href*='//rs.4chan.org/']::after {
+ content: '/ - ' attr(title);
+}
+#boardNavDesktopFoot a[href*='//boards.4chan.org/']::before,
+#boardNavDesktopFoot a[href*='//rs.4chan.org/']::before {
+ content: '/';
+}
+"
+hide: "
+#boardNavDesktopFoot {
+ display: none;
+}"}[_conf["Slideout Navigation"]]}
+/* Watcher */
+#watcher {
+ position: fixed;
+ z-index: 14;
+ padding: 2px;
+ #{if _conf["Rounded Edges"] then "border-radius: 3px;" else ""}
+}
+#{ if _conf['Slideout Watcher'] then "
+#watcher {
+ width: #{width}px;
+ #{Style.sidebarLocation[0]}: 2px !important;
+ #{Style.sidebarLocation[1]}: auto !important;
+ #{Style.sizing}: border-box;
+}
+#watcher .move {
+ cursor: default;
+ text-decoration: #{if _conf["Underline Links"] then "underline" else "none"};
+}
+#watcher > div {
+ max-height: 1.6em;
+ overflow: hidden;
+}
+#watcher:hover {
+ overflow-y: auto;
+}
+#watcher:not(:hover) {
+ height: 0;
+ overflow: hidden;
+ border: 0 none;
+ padding: 0;
+}" else "
+#watcher {
+ width: 200px;
+}
+"}
+/* Announcements */
+#globalMessage {
+ text-align: center;
+ #{if _conf["Rounded Edges"] then "border-radius: 3px;" else ""}
+}
+#{if _conf['Announcements'] is 'slideout' then "
+#globalMessage {
+ position: fixed;
+ padding: 2px;
+ width: #{width}px;
+ #{Style.sidebarLocation[0]}: 2px !important;
+ #{Style.sidebarLocation[1]}: auto !important;
+}
+#globalMessage h3 {
+ margin: 0;
+}
+#globalMessage:hover {
+ #{Style.sizing}: border-box;
+ overflow-y: auto;
+}
+#globalMessage:not(:hover) {
+ height: 0;
+ overflow: hidden;
+ padding: 0;
+ border: 0 none;
+}" else ""}
+/* Threads */
+.thread {
+ margin: #{parseInt _conf["Top Thread Padding"], 10}px 0 #{parseInt _conf["Bottom Thread Padding"], 10}px 0;
+ #{if _conf["Rounded Edges"] then "border-radius: 4px;" else ""}
+}
+/* Thread Clearfix */
+.thread > div:last-of-type::after {
+ display: block;
+ content: ' ';
+ clear: both;
+}
+/* Posts */
+.summary {
+ margin-bottom: #{Style.replyMargin}px;
+}
+.post {
+ margin-bottom: #{Style.replyMargin}px;
+}
+.replyContainer:last-of-type .post {
+ margin-bottom: 0;
+}
+.menu_button,
+.hide_thread_button,
+.hide_reply_button {
+ float: right;
+ margin: 0 3px;
+ opacity: 0;
+ #{agent}transition: opacity .3s ease-out 0s;
+}
+.post:hover .hide_reply_button,
+.post:hover .menu_button,
+.post:hover .hide_thread_button,
+.hidden_thread .hide_thread_button,
+.hidden_thread .menu_button,
+.inline .hide_reply_button,
+.inline .menu_button {
+ opacity: 1;
+}
+.hidden_thread {
+ text-align: right;
+}
+#{if _conf['Color user IDs'] then "
+.posteruid .hand {
+ padding: .1em .3em;
+ border-radius: 1em;
+ font-size: 80%;
+}" else ""}
+.postInfo > span {
+ vertical-align: bottom;
+}
+.subject,
+.name {
+ #{if _conf["Bolds"] then 'font-weight: 600;' else ''}
+}
+.postertrip {
+ #{if _conf["Italics"] then 'font-style: italic;' else ''}
+}
+.replylink {
+ text-decoration: #{if _conf["Underline Links"] then "underline" else "none"};
+}
+.fileInfo {
+ padding: 0 3px;
+}
+.fileThumb {
+ float: left;
+ margin: 3px 20px;
+ outline: none;
+}
+.reply.post {
+ display: inline-block;
+ #{Style.sizing}: border-box;
+ #{if _conf["Fit Width Replies"] then "width: 100%;" else ""}
+}
+.post {
+ #{if _conf["Rounded Edges"] then "border-radius: 3px;" else ""}
+}
+.postMessage {
+ margin: #{_conf['Vertical Post Padding']}px #{_conf['Horizontal Post Padding']}px;
+}
+.spoiler,
+s {
+ text-decoration: none;
+}
+/* Reply Clearfix */
+.reply.post .postMessage {
+ clear: right;
+}
+#{if _conf['Force Reply Break'] or _conf["OP Background"] then "
+.op.post .postMessage {
+ display: block;
+ content: ' ';
+ clear: both;
+}
+" else ""
+}
+/* OP */
+.favicon {
+ vertical-align: bottom;
+}
+#{if _conf["OP Background"] then "
+.op.post {
+ #{Style.sizing}: border-box;
+}" else ""}
+/* Summary */
+#{
+if _conf["Fit Width Replies"]
+ ".summary { clear: both; float: left; }"
+else ""
+}
+/* Inlined */
+.inline {
+ margin: 2px 8px 2px 2px;
+}
+.post .inline {
+ margin: 2px;
+}
+.inline .replyContainer {
+ display: inline-block;
+}
+/* Inlined Clearfix */
+.inline .postMessage::after {
+ clear: both;
+ display: block;
+ content: "";
+}
+/* Quotes */
+.inlined {
+ font-style: italic;
+ #{if _conf["Bolds"] then 'font-weight: 800;' else ''}
+}
+.quotelink {
+ text-decoration: #{if _conf["Underline Links"] then "underline" else "none"};
+}
+.filtered,
+.quotelink.filtered {
+ text-decoration: underline;
+ text-decoration: line-through !important;
+}
+/* Backlinks */
+.backlink {
+ text-decoration: #{if _conf["Underline Links"] then "underline" else "none"};
+}
+.backlink.dead {
+ text-decoration: none;
+}
+#{{
+"lower left": "
+.container {
+ padding: 0 5px;
+ max-width: 100%;
+}
+.reply.quoted {
+ position: relative;
+ padding-bottom: 1.7em;
+}
+.reply .container {
+ position: absolute;
+ left: 0;
+ bottom: 0;
+ padding: 0 5px;
+}
+.reply .container::before {
+ content: 'REPLIES: ';
+}
+#qp .container {
+ position: static;
+ max-width: 100%;
+}
+#qp .container::before {
+ content: '';
+}
+.inline .container {
+ position: static;
+ max-width: 100%;
+}
+.inline .container::before {
+ content: '';
+}"
+
+'lower right': "
+.reply.quoted {
+ position: relative;
+ padding-bottom: 1.7em;
+}
+.reply .container {
+ position: absolute;
+ right: 0;
+ bottom: 0;
+}
+.container::before {
+ content: 'REPLIES: ';
+}
+.container {
+ max-width: 100%;
+ padding: 0 5px;
+}
+#qp .container {
+ position: static;
+ max-width: 100%;
+}
+#qp .container::before {
+ content: '';
+}
+.inline .container {
+ position: static;
+ float: none;
+}
+.inline .container::before {
+ content: '';
+}"
+
+'default': ""}[_conf["Backlinks Position"]]}
+/* Code */
+.prettyprint {
+ #{Style.sizing}: border-box;
+ font-family: monospace;
+ display: inline-block;
+ margin-right: auto;
+ white-space: pre-wrap;
+ border-radius: 2px;
+ overflow-x: auto;
+ padding: 3px;
+ max-width: 100%;
+}
+/* Menu */
+.entry {
+ border-bottom: 1px solid rgba(0,0,0,.25);
+ cursor: pointer;
+ display: block;
+ outline: none;
+ padding: 3px 7px;
+ position: relative;
+ text-decoration: none;
+ white-space: nowrap;
+}
+.entry:last-child {
+ border-bottom: 0;
+}
+.hasSubMenu::after {
+ content: "";
+ border-#{position}: .5em solid;
+ border-top: .3em solid transparent;
+ border-bottom: .3em solid transparent;
+ display: inline-block;
+ margin: .3em;
+ position: absolute;
+ right: 3px;
+}
+.subMenu {
+ display: none;
+ position: absolute;
+ #{position}: 100%;
+ top: -1px;
+}
+.focused .subMenu {
+ display: block;
+}
+/* Stubs */
+#{if _conf['Fit Width Replies'] then "
+.stub {
+ float: right;
+ clear: both;
+}" else ""}
+/* Emoji */
+#{unless _conf["Emoji"] is "disable" then Emoji.css _conf["Emoji Position"] else ""}
+/* Element Replacing */
+/* Checkboxes */
+.rice {
+ cursor: pointer;
+ width: 9px;
+ height: 9px;
+ margin: 2px 3px 3px;
+ display: inline-block;
+ vertical-align: bottom;
+ #{if _conf["Rounded Edges"] then "border-radius: 2px;" else ""}
+ #{if _conf["Circle Checkboxes"] then "border-radius: 6px;" else ""}
+}
+input:checked + .rice {
+ background-attachment: scroll;
+ background-repeat: no-repeat;
+ background-position: bottom right;
+}
+/* Selects */
+.selectrice {
+ position: relative;
+ cursor: default;
+ overflow: hidden;
+ text-align: left;
+}
+.selectrice::after {
+ content: "";
+ border-right: .25em solid transparent;
+ border-left: .25em solid transparent;
+ position: absolute;
+ right: .4em;
+ top: .5em;
+}
+.selectrice::before {
+ content: "";
+ height: 1.6em;
+ position: absolute;
+ right: 1.3em;
+ top: 0;
+}
+/* Select Dropdown */
+.selectrice ul {
+ padding: 0;
+ position: fixed;
+ max-height: 120px;
+ overflow-y: auto;
+ overflow-x: hidden;
+ z-index: 32;
+}
+/* Post Form */
+#qr {
+ z-index: 20;
+ position: fixed;
+ padding: 1px;
+ border: 1px solid transparent;
+ min-width: #{width}px;
+ #{if _conf["Rounded Edges"] then "border-radius: 3px 3px 0 0;" else ""}
+}
+#qrtab {
+ #{if _conf["Rounded Edges"] then "border-radius: 3px 3px 0 0;" else ""}
+}
+
+#{{
+"fixed": "
+#qr {
+ top: auto !important;
+ bottom: 1.7em !important;
+ #{Style.sidebarLocation[0]}: 0 !important;
+ #{Style.sidebarLocation[1]}: auto !important;
+}"
+
+"slideout": "
+#qr {
+ top: auto !important;
+ bottom: 1.7em !important;
+ #{Style.sidebarLocation[0]}: -#{233 + Style.sidebarOffset.W}px !important;
+ #{Style.sidebarLocation[1]}: auto !important;
+}
+#qr:hover,
+#qr.focus,
+#qr.dump {
+ #{agent}transform: translate(#{xOffset + (233 + Style.sidebarOffset.W)}px);
+}"
+
+"tabbed slideout": "
+#qr {
+ top: auto !important;
+ bottom: 1.7em !important;
+ #{Style.sidebarLocation[0]}: -#{252 + Style.sidebarOffset.W}px !important;
+ #{Style.sidebarLocation[1]}: auto !important;
+}
+#qr:hover,
+#qr.focus,
+#qr.dump {
+ #{agent}transform: translate(#{xOffset + (252 + Style.sidebarOffset.W)}px);
+}
+#qr #qrtab {
+ #{agent}transform: rotate(#{(if Style.sidebarLocation[0] is "left" then "" else "-")}90deg);
+ #{agent}transform-origin: bottom #{Style.sidebarLocation[0]};
+ position: absolute;
+ top: 0;
+ #{Style.sidebarLocation[0]}: 100%;
+ width: 110px;
+ text-align: center;
+ border-width: 1px 1px 0 1px;
+ cursor: default;
+}
+#qr:hover #qrtab,
+#qr.focus #qrtab,
+#qr.dump #qrtab {
+ opacity: 0;
+ #{Style.sidebarLocation[0]}: #{252 + Style.sidebarOffset.W}px;
+}
+#qrtab input,
+#qrtab .rice,
+#qrtab span {
+ display: none;
+}"
+
+"transparent fade": "
+#qr {
+ overflow: visible;
+ top: auto !important;
+ bottom: 1.7em !important;
+ #{Style.sidebarLocation[0]}: 2px !important;
+ #{Style.sidebarLocation[1]}: auto !important;
+ opacity: 0.2;
+ #{agent}transition: opacity .3s ease-in-out 1s;
+}
+#qr:hover,
+#qr.focus,
+#qr.dump {
+ opacity: 1;
+ #{agent}transition: opacity .3s linear;
+}"
+}[_conf['Post Form Style']] or ""}
+
+#{
+unless _conf['Post Form Style'] is 'tabbed slideout'
+ (
+ unless _conf['Post Form Style'] is 'float' or _conf['Show Post Form Header']
+ "#qrtab { display: none; }"
+ else unless _conf['Post Form Style'] is 'slideout'
+ ".autohide:not(:hover) > form { display: none !important; }"
+ else ""
+ ) + "#qrtab { margin-bottom: 1px; }"
+else ""}
+
+#{
+if _conf['Post Form Style'] isnt 'float' and _conf["Post Form Slideout Transitions"] then "
+#qr {
+ #{agent}transition: #{agent}transform .3s ease-in-out 1s;
+}
+#qr:hover,
+#qr.focus,
+#qr.dump {
+ #{agent}transition: #{agent}transform .3s linear;
+}
+#qrtab {
+ #{agent}transition: opacity .3s ease-in-out 1s;
+}
+#qr:hover #qrtab {
+ #{agent}transition: opacity .3s linear;
+}" else ""
+}
+
+#qr .close {
+ float: right;
+ padding: 0 3px;
+}
+#qr .warning {
+ min-height: 1.6em;
+ vertical-align: middle;
+ padding: 0 1px;
+ border-width: 1px;
+ border-style: solid;
+}
+.userInfo {
+ width: 248px;
+ max-width: 100%;
+ min-width: 100%;
+}
+#dump {
+ width: 10%;
+ margin: 0;
+}
+
+#{
+if _conf['Compact Post Form Inputs'] then "
+.userInfo input.field {
+ width: 29.6%;
+ margin: 0 0 0 0.4%;
+}
+#qr textarea.field {
+ height: 14.8em;
+ min-height: 9em;
+}
+#qr.captcha textarea.field {
+ height: 9em;
+}
+
+" else "
+
+.userInfo input.field {
+ width: 100%;
+}
+.userInfo input.field[name='name'] {
+ width: 89.6%;
+ margin: 0 0 0 0.4%;
+}
+#qr textarea.field {
+ height: 11.6em;
+ min-height: 6em;
+}
+#qr.captcha textarea.field {
+ height: 6em;
+}"
+}
+
+#{
+if _conf["Tripcode Hider"] then "
+input.field.tripped:not(:hover):not(:focus) {
+ color: transparent !important;
+ text-shadow: none !important;
+}" else ""
+}
+
+#qr textarea {
+ resize: #{_conf['Textarea Resize']};
+}
+.captchaimg {
+ margin: 1px 0 0;
+ text-align: center;
+}
+.captchaimg img {
+ width: 100%;
+ height: 4em;
+ width: 246px;
+}
+.captchainput .field {
+ width: 100%;
+ margin: 1px 0 0;
+}
+.field,
+.selectrice,
+button,
+input:not([type=radio]) {
+ #{Style.sizing}: border-box;
+ font-size: #{parseInt(_conf['Font Size'], 10)}px;
+ height: 1.6em;
+ margin: 1px 0 0;
+ vertical-align: bottom;
+ padding: 0 1px;
+}
+#qr textarea {
+ min-width: 100%;
+}
+#qr [type='submit'] {
+ width: 25%;
+}
+[type='file'] {
+ position: absolute;
+ opacity: 0;
+ z-index: -1;
+}
+#showQR {
+ display: #{if _conf["Hide Show Post Form"] then "none" else "block"};
+ z-index: 4;
+ #{Style.sidebarLocation[0]}: 2px;
+ width: #{width}px;
+ background-color: transparent;
+ text-align: center;
+ position: fixed;
+ top: auto;
+}
+/* Fake File Input */
+#file {
+ #{Style.sizing}: border-box;
+ display: inline-block;
+ width: 100px;
+ min-width: 74.6%;
+ max-width: 74.6%;
+ margin-right: 0.4%;
+ overflow: hidden;
+}
+/* Thread Select / Spoiler Label */
+#threadselect {
+ vertical-align: bottom;
+ width: 49%;
+ display: inline-block;
+}
+#spoilerLabel {
+ vertical-align: bottom;
+ width: 49%;
+ display: inline-block;
+ text-align: right;
+}
+#threadselect:empty + #spoilerLabel {
+ display: inline-block;
+ width: 100%;
+}
+/* Dumping UI */
+.dump #replies {
+ display: block;
+}
+#replies {
+ display: none;
+ height: 90px;
+ position: relative;
+}
+#replies > div {
+ counter-reset: thumbnails;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ overflow: hidden;
+ position: absolute;
+ white-space: pre;
+}
+#replies > div:hover {
+ overflow-x: auto;
+}
+.thumbnail {
+ #{Style.sizing}: border-box;
+ cursor: move;
+ border: 1px solid transparent;
+ background: rgba(0,0,0,.2) 50% 20% cover;
+ display: inline-block;
+ height: 90px;
+ width: 90px;
+ padding: 2px;
+ opacity: .5;
+ overflow: hidden;
+ position: relative;
+ text-shadow: 0 1px 1px #000;
+ #{agent}transition: opacity .25s ease-in-out;
+ vertical-align: top;
+}
+.thumbnail:hover,
+.thumbnail:focus {
+ opacity: .9;
+}
+.thumbnail::before {
+ counter-increment: thumbnails;
+ content: counter(thumbnails);
+ color: #fff;
+ position: absolute;
+ top: 3px;
+ right: 3px;
+ text-shadow: 0 0 3px #000, 0 0 8px #000;
+}
+.thumbnail#selected {
+ opacity: 1;
+}
+.thumbnail.drag {
+ box-shadow: 0 0 10px rgba(0,0,0,.5);
+}
+.thumbnail.over {
+ border-color: #fff;
+}
+.thumbnail > span {
+ color: #fff;
+}
+.remove {
+ background: none;
+ color: #e00;
+ font-weight: 700;
+ padding: 3px;
+}
+a:only-of-type > .remove {
+ display: none;
+}
+.remove:hover::after {
+ content: " Remove";
+}
+.thumbnail > label {
+ background: rgba(0,0,0,.5);
+ color: #fff;
+ right: 0; bottom: 0; left: 0;
+ position: absolute;
+ text-align: center;
+}
+.thumbnail > label > input {
+ margin: 0;
+}
+#addReply {
+ cursor: pointer;
+ font-size: 3.5em;
+ line-height: 90px;
+ margin: 0 0.5em;
+}
+/* Ads */
+.topad img,
+.middlead img,
+.bottomad img {
+ opacity: 0.3;
+ #{agent}transition: opacity .3s linear;
+}
+.topad img:hover,
+.middlead img:hover,
+.bottomad img:hover {
+ opacity: 1;
+}
+#{if _conf["Block Ads"] then "
+/* AdBlock Minus */
+.bottomad + hr,
+.topad img,
+.middlead img,
+.bottomad img {
+ display: none;
+}
+" else ""}
+#{if _conf["Shrink Ads"] then "
+.topad a img,
+.middlead a img,
+.bottomad a img {
+ width: 500px;
+ height: auto;
+}
+" else ""}
+/* Options */
+#overlay {
+ position: fixed;
+ z-index: 30;
+ top: 0;
+ right: 0;
+ left: 0;
+ bottom: 0;
+ background: rgba(0,0,0,.5);
+}
+#options {
+ width: auto;
+ left: 15%;
+ right: 15%;
+ top: 15%;
+ bottom: 15%;
+ position: absolute;
+ padding: .3em;
+ #{if _conf["Rounded Edges"] then "border-radius: 3px;" else ""}
+}
+#options h3,
+.keybinds_tab,
+.mascots_tab,
+.main_tab,
+.style_tab {
+ text-align: center;
+}
+.keybinds_tab table,
+.main_tab ul,
+.style_tab ul {
+ text-align: left;
+}
+#options ul {
+ padding: 0;
+ #{if _conf["Rounded Edges"] then "border-radius: 3px;" else ""}
+}
+#options .selectrice ul {
+ border-radius: 0;
+}
+#optionsContent {
+ overflow: auto;
+ position: absolute;
+ top: 1.7em;
+ right: 5px;
+ bottom: 5px;
+ left: 5px;
+ #{if _conf["Rounded Edges"] then "border-radius: 3px;" else ""}
+}
+#optionsbar {
+ padding: 0 3px;
+}
+#optionsbar label {
+ cursor: pointer;
+ #{if _conf["Rounded Edges"] then "border-radius: 3px 3px 0 0;" else ""}
+}
+.tabs label {
+ position: relative;
+ padding: 0 4px;
+ z-index: 1;
+ height: 1.4em;
+ display: inline-block;
+ border-width: 1px 1px 0 1px;
+ border-color: transparent;
+ border-style: solid;
+}
+#credits {
+ float: right;
+}
+#optionsContent > input:not(:checked) + div {
+ display: none;
+}
+#options h3 {
+ margin: 0;
+}
+.main_tab li,
+.style_tab li,
+.rice_tab li {
+ overflow: visible;
+ padding: 0 5px 0 7px;
+ list-style-type: none;
+}
+#options tr:nth-of-type(2n+1),
+.main_tab li:nth-of-type(2n+1),
+.rice_tab li:nth-of-type(2n+1),
+.style_tab li:nth-of-type(2n+1),
+.keybinds_tab li:nth-of-type(2n+1),
+.selectrice li:nth-of-type(2n+1) {
+ background-color: rgba(0, 0, 0, 0.05);
+}
+article li {
+ margin: 10px 0 10px 2em;
+}
+#options .option {
+ width: 50%;
+ display: inline-block;
+ vertical-align: bottom;
+}
+.optionlabel {
+ padding-left: 18px;
+}
+.rice + .optionlabel {
+ padding-left: 0;
+}
+#options .style_tab ul,
+#options .main_tab ul {
+ vertical-align: top;
+ #{if _conf["Single Column Mode"] then "margin: 0 auto 6px;" else "margin: 0 3px 6px;\n display: inline-block;"}
+}
+.main_tab li,
+.styleoption {
+ text-align: left;
+}
+.style_tab .suboptions ul {
+ width: 370px;
+}
+.main_tab ul {
+ width: 200px;
+}
+.suboptions,
+#mascotcontent,
+#themecontent {
+ overflow: auto;
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 1.7em;
+ left: 0;
+}
+.mAlign {
+ height: 250px;
+ vertical-align: middle;
+ display: table-cell;
+}
+#themecontent {
+ top: 1.7em;
+}
+#save,
+.stylesettings {
+ position: absolute;
+ right: 10px;
+ bottom: 0;
+}
+.style_tab .suboptions {
+ bottom: 0;
+}
+#optionsContent textarea {
+ font-family: monospace;
+ min-height: 350px;
+ resize: vertical;
+ width: 100%;
+}
+/* Hover Functionality */
+#mouseover {
+ z-index: 32;
+ position: fixed;
+ max-width: 70%;
+}
+#mouseover:empty {
+ display: none;
+}
+/* Mascot Tab */
+#mascot_hide {
+ padding: 3px;
+ position: absolute;
+ top: 2px;
+ right: 18px;
+}
+#mascot_hide .rice {
+ float: left;
+}
+#mascot_hide > div {
+ height: 0;
+ text-align: right;
+ overflow: hidden;
+}
+#mascot_hide:hover > div {
+ height: auto;
+}
+#mascot_hide label {
+ width: 100%;
+ display: block;
+ clear: both;
+ text-decoration: none;
+}
+.mascots {
+ padding: 0;
+ text-align: center;
+ #{if _conf["Rounded Edges"] then "border-radius: 3px;" else ""}
+}
+.mascot,
+.mascotcontainer {
+ overflow: hidden;
+}
+.mascot {
+ position: relative;
+ border: none;
+ margin: 5px;
+ padding: 0;
+ width: 200px;
+ display: inline-block;
+ background-color: transparent;
+}
+.mascotcontainer {
+ height: 250px;
+ border: 0;
+ margin: 0;
+ max-height: 250px;
+ cursor: pointer;
+ bottom: 0;
+ border-width: 0 1px 1px;
+ border-style: solid;
+ border-color: transparent;
+ overflow: hidden;
+}
+.mascot img {
+ max-width: 200px;
+}
+.mascotname,
+.mascotoptions {
+ padding: 0;
+ width: 100%;
+}
+.mascot .mascotoptions {
+opacity: 0;
+ #{agent}transition: opacity .3s linear;
+}
+.mascot:hover .mascotoptions {
+ opacity: 1;
+}
+.mascotoptions {
+ position: absolute;
+ bottom: 0;
+ right: 0;
+ left: 0;
+}
+.mascotoptions a {
+ display: inline-block;
+ width: 33%;
+}
+#upload {
+ position: absolute;
+ width: 100px;
+ left: 50%;
+ margin-left: -50px;
+ text-align: center;
+ bottom: 0;
+}
+#mascots_batch {
+ position: absolute;
+ left: 10px;
+ bottom: 0;
+}
+/* Themes Tab */
+.theme_tab h1 {
+ position: absolute;
+ right: 300px;
+ bottom: 10px;
+ margin: 0;
+ #{agent}transition: all .2s ease-in-out;
+ opacity: 0;
+}
+.theme_tab .selectedtheme h1 {
+ right: 11px;
+ opacity: 1;
+}
+#themeContainer {
+ margin-bottom: 3px;
+}
+#addthemes {
+ position: absolute;
+ left: 10px;
+ bottom: 0;
+}
+.theme {
+ margin: 1em;
+}
+/* Theme Editor */
+#themeConf {
+ position: fixed;
+ #{Style.sidebarLocation[1]}: 2px;
+ #{Style.sidebarLocation[0]}: auto;
+ top: 0;
+ bottom: 0;
+ width: 296px;
+ z-index: 10;
+}
+#themebar input {
+ width: 30%;
+}
+.color {
+ width: 10%;
+ border-left: none !important;
+ color: transparent !important;
+}
+.colorfield {
+ width: 90%;
+}
+.themevar textarea {
+ min-width: 100%;
+ max-width: 100%;
+ height: 20em;
+ resize: vertical;
+}
+/* Mascot Editor */
+#mascotConf {
+ position: fixed;
+ height: 17em;
+ bottom: 0;
+ left: 50%;
+ width: 500px;
+ margin-left: -250px;
+ overflow: auto;
+ z-index: 10;
+}
+#mascotConf .option,
+#mascotConf .optionlabel {
+ #{Style.sizing}: border-box;
+ width: 50%;
+ display: inline-block;
+ vertical-align: middle;
+}
+#mascotConf .option input {
+ width: 100%;
+}
+#close {
+ position: absolute;
+ left: 10px;
+ bottom: 0;
+}
+/* Catalog */
+#content .navLinks,
+#info .navLinks,
+.btn-wrap {
+ display: block;
+}
+.navLinks > .btn-wrap:not(:first-of-type)::before {
+ content: ' - ';
+}
+.button {
+ cursor: pointer;
+}
+#content .btn-wrap,
+#info .btn-wrap {
+ display: inline-block;
+}
+#settings .selectrice {
+ width: 100px;
+ display: inline-block;
+}
+#post-preview {
+ position: absolute;
+ z-index: 22;
+ #{if _conf["Rounded Edges"] then "border-radius: 3px;" else ""}
+}
+#settings,
+#threads,
+#info .navLinks,
+#content .navLinks {
+ text-align: center;
+}
+#threads .thread {
+ vertical-align: top;
+ display: inline-block;
+ word-wrap: break-word;
+ overflow: hidden;
+ margin-top: 5px;
+ padding: 5px 0 3px;
+ text-align: center;
+}
+.extended-small .thread,
+.small .thread {
+ width: 165px;
+ max-height: 320px;
+}
+.small .teaser,
+.large .teaser {
+ display: none;
+}
+.extended-large .thread,
+.large .thread {
+ width: 270px;
+ max-height: 410px;
+}
+.extended-small .thumb,
+.small .thumb {
+ max-width: 150px;
+ max-height: 150px;
+}
+/* Front Page */
+#logo {
+ text-align: center;
+}
+#doc {
+ margin: 0 auto;
+ width: 1000px;
+ position: relative;
+}
+#boards .boxcontent {
+ vertical-align: top;
+ text-align: center;
+}
+#filter-container,
+#options-container {
+ float: right;
+ position: relative;
+}
+#optionsmenu {
+ top: 100% !important;
+ left: 0 !important;
+}
+#boards .column {
+ #{Style.sizing}: border-box;
+ display: inline-block;
+ width: 16em;
+ text-align: left;
+ vertical-align: top;
+}
+.bd ul,
+.boxcontent ul {
+ vertical-align: top;
+ padding: 0;
+}
+.right-box .boxcontent ul {
+ padding: 0 10px;
+}
+.yuimenuitem,
+.boxcontent li {
+ list-style-type: none;
+}
+.bd ul {
+ margin: 0;
+}
+.yuimenuitem::before {
+ content: " [ ] ";
+ font-family: monospace;
+}
+.yuimenuitem-checked::before {
+ content: " [x] "
+}
+.yui-u {
+ display: inline-block;
+ vertical-align: top;
+ width: 475px;
+ margin: 10px;
+}
+#recent-images .boxcontent {
+ text-align: center;
+}
+#ft {
+ text-align: center;
+}
+#ft ul {
+ padding: 0;
+}
+#ft li {
+ list-style-type: none;
+ display: inline-block;
+ width: 100px;
+}
+#preview-tooltip-nws,
+#preview-tooltip-ws,
+#ft .fill,
+.clear-bug {
+ display: none;
+}
\ No newline at end of file
diff --git a/css/photon.css b/css/photon.css
deleted file mode 100644
index cd4d9a702..000000000
--- a/css/photon.css
+++ /dev/null
@@ -1,52 +0,0 @@
-/* General */
-:root.photon .dialog {
- background-color: #DDD;
- border-color: #CCC;
-}
-:root.photon .field:focus {
- border-color: #EA8;
-}
-
-/* Header */
-:root.photon #header-bar {
- font-size: 9pt;
- color: #333;
-}
-:root.photon #header-bar 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);
-}
diff --git a/css/prettyprint.css b/css/prettyprint.css
new file mode 100644
index 000000000..93f7abacc
--- /dev/null
+++ b/css/prettyprint.css
@@ -0,0 +1,57 @@
+(if Style.lightTheme then """
+.prettyprint {
+ background-color: #e7e7e7;
+ border: 1px solid #dcdcdc;
+}
+.com {
+ color: #dd0000;
+}
+.str,
+.atv {
+ color: #7fa61b;
+}
+.pun {
+ color: #61663a;
+}
+.tag {
+ color: #117743;
+}
+.kwd {
+ color: #5a6F9e;
+}
+.typ,
+.atn {
+ color: #9474bd;
+}
+.lit {
+ color: #368c72;
+}\n
+""" else """
+.prettyprint {
+ background-color: rgba(0,0,0,.1);
+ border: 1px solid rgba(0,0,0,0.5);
+}
+.tag {
+ color: #96562c;
+}
+.pun {
+ color: #5b6f2a;
+}
+.com {
+ color: #a34443;
+}
+.str,
+.atv {
+ color: #8ba446;
+}
+.kwd {
+ color: #987d3e;
+}
+.typ,
+.atn {
+ color: #897399;
+}
+.lit {
+ color: #558773;
+}\n
+"""
\ No newline at end of file
diff --git a/css/style.css b/css/style.css
deleted file mode 100644
index 3f21f4327..000000000
--- a/css/style.css
+++ /dev/null
@@ -1,802 +0,0 @@
-/* General */
-.dialog {
- box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
- border: 1px solid;
- display: block;
- padding: 0;
-}
-.field {
- border: 1px solid #CCC;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- color: #333;
- font: 13px sans-serif;
- margin: 0;
- padding: 2px 4px 3px;
- outline: none;
- -webkit-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, .favicon {
- 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, #watcher {
- 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;
-}
-#watcher {
- z-index: 20;
-}
-#header {
- z-index: 10;
-}
-
-/* Header */
-.fourchan-x body {
- -moz-box-sizing: border-box;
- box-sizing: border-box;
-}
-#header {
- top: 0;
- right: 0;
- left: 0;
-}
-#header-bar {
- border-width: 0 0 1px;
- display: -webkit-flex;
- display: flex;
- padding: 3px 4px 4px;
- position: relative;
- -webkit-transition: all .1s ease-in-out;
- transition: all .1s ease-in-out;
-}
-#board-list {
- -webkit-flex: 1;
- flex: 1;
- text-align: center;
-}
-#header-bar.autohide:not(:hover) {
- box-shadow: none;
- margin-bottom: -1em;
- -webkit-transform: translateY(-100%);
- transform: translateY(-100%);
- -webkit-transition: all .8s .6s cubic-bezier(.55, .055, .675, .19);
- transition: all .8s .6s cubic-bezier(.55, .055, .675, .19);
-}
-#toggle-header-bar {
- cursor: n-resize;
- left: 0;
- right: 0;
- bottom: -8px;
- height: 10px;
- position: absolute;
-}
-#header-bar.autohide:not(:hover) #toggle-header-bar, #toggle-header-bar:hover {
- bottom: -16px;
- height: 18px;
-}
-#header-bar.autohide #toggle-header-bar {
- cursor: s-resize;
-}
-#header-bar a:not(.entry) {
- text-decoration: none;
- padding: 1px;
-}
-#shortcuts:empty {
- display: none;
-}
-.brackets-wrap::before {
- content: "\\00a0[";
-}
-.brackets-wrap::after {
- content: "]\\00a0";
-}
-.disabled,
-.expand-all-shortcut {
- opacity: .45;
-}
-
-/* Notifications */
-#notifications {
- height: 0;
- text-align: center;
- position: fixed;
- top: 0;
- right: 0;
- left: 0;
-}
-.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;
- -webkit-transition: all .25s ease-in-out;
- 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 */
-#overlay {
- background-color: rgba(0, 0, 0, .5);
- display: -webkit-flex;
- display: flex;
- -webkit-align-items: center;
- align-items: center;
- -webkit-justify-content: center;
- justify-content: center;
- 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;
- min-height: 0;
- max-height: 100%;
- width: 900px;
- min-width: 0;
- max-width: 100%;
- 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;
-}
-.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 {
- padding: 0;
-}
-.section-filter li {
- margin: 10px 40px;
-}
-.section-filter textarea {
- height: 500px;
-}
-.section-sauce textarea {
- height: 350px;
-}
-.section-rice .field[name="boardnav"] {
- width: 100%;
-}
-.section-rice textarea {
- height: 150px;
-}
-#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;
-}
-
-/* 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;
-}
-.new {
- color: limegreen;
-}
-
-/* Thread Watcher */
-#watcher {
- padding-bottom: 3px;
- overflow: hidden;
- white-space: nowrap;
-}
-#watcher:not(:hover) {
- max-height: 220px;
-}
-#watcher > .move {
- padding-top: 3px;
-}
-#watcher > div {
- max-width: 200px;
- overflow: hidden;
- padding-left: 3px;
- padding-right: 3px;
- text-overflow: ellipsis;
-}
-#watcher a {
- text-decoration: none;
-}
-
-/* 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: 300px;
- max-width: 500px;
-}
-.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 > .op > .file::after {
- content: '';
- clear: both;
- display: table;
-}
-:root.fit-width .full-image {
- max-width: 100%;
-}
-:root.gecko.fit-width .full-image,
-:root.presto.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 ~ .sideArrows,
-.stub ~ .hide-reply-button,
-.stub ~ .post {
- display: none !important;
-}
-.stub input {
- display: inline-block;
-}
-
-/* QR */
-.hide-original-post-form #postForm,
-.hide-original-post-form .postingMode,
-#qr.autohide: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;
-}
-.presto #qr select {
- height: 1em;
-}
-#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:focus {
- -webkit-flex: 4;
- flex: 4;
-}
-#dump-button {
- background: -webkit-linear-gradient(#EEE, #CCC);
- 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: -webkit-linear-gradient(#FFF, #DDD);
- background: linear-gradient(#FFF, #DDD);
-}
-#dump-button:active, .dump #dump-button:not(:hover):not(:focus) {
- background: -webkit-linear-gradient(#CCC, #DDD);
- background: linear-gradient(#CCC, #DDD);
-}
-.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;
- -o-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;
- -webkit-transition: opacity .25s ease-in-out;
- 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;
-}
-#qr input[type='file'] {
- position: absolute;
- visibility: hidden;
-}
-
-/* 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.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;
-}
diff --git a/css/theme.4chanss.css b/css/theme.4chanss.css
new file mode 100644
index 000000000..2afb0bdcd
--- /dev/null
+++ b/css/theme.4chanss.css
@@ -0,0 +1,30 @@
+.board {
+ padding: 1px 2px;
+}
+.rice {
+ box-shadow:rgba(""" + mainColor.shiftRGB(32) + """,.3) 0 1px;
+}
+input[type=password]:hover,
+input[type=text]:not([disabled]):hover,
+input#fs_search:hover,
+input.field:hover,
+.webkit select:hover,
+textarea:hover,
+#options input:not([type=checkbox]):hover {
+ box-shadow:inset rgba(0,0,0,.2) 0 1px 2px;
+}
+input[type=password]:focus,
+input[type=text]:focus,
+input#fs_search:focus,
+input.field:focus,
+.webkit select:focus,
+textarea:focus,
+#options input:focus {
+ box-shadow:inset rgba(0,0,0,.2) 0 1px 2px;
+}
+button,
+input,
+textarea,
+.rice {
+ transition:background .2s,box-shadow .2s;
+}
diff --git a/css/theme.css b/css/theme.css
new file mode 100644
index 000000000..37ebe34ac
--- /dev/null
+++ b/css/theme.css
@@ -0,0 +1,396 @@
+
+.hide_thread_button span > span,
+.hide_reply_button span > span {
+ background-color: #{theme["Links"]};
+}
+#mascot_hide label {
+ border-bottom: 1px solid #{theme["Reply Border"]};
+}
+#content .thumb {
+ box-shadow: 0 0 5px #{theme["Reply Border"]};
+}
+.mascotname,
+.mascotoptions {
+ background: #{theme["Dialog Background"]};
+ border: 1px solid #{theme["Buttons Border"]};
+}
+.opContainer.filter_highlight {
+ box-shadow: inset 5px 0 #{theme["Backlinked Reply Outline"]};
+}
+.filter_highlight > .reply {
+ box-shadow: -5px 0 #{theme["Backlinked Reply Outline"]};
+}
+::#{agent}selection {
+ background: #{theme["Text"]};
+ color: #{backgroundC};
+}
+hr {
+ border-bottom: 1px solid #{theme["Reply Border"]};
+}
+a[style="cursor: pointer; float: right;"] + div[style^="width: 100%;"] > table > tbody > tr > td {
+ background: #{backgroundC} !important;
+ border: 1px solid #{theme["Reply Border"]} !important;
+}
+#fs_status {
+ background: #{theme["Dialog Background"]} !important;
+}
+#fs_data tr[style="background-color: #EA8;"] {
+ background: #{theme["Reply Background"]} !important;
+}
+#fs_data,
+#fs_data * {
+ border-color: #{theme["Reply Border"]} !important;
+}
+html {
+ background: #{backgroundC or ''};
+ background-image: #{theme["Background Image"] or ''};
+ background-repeat: #{theme["Background Repeat"] or ''};
+ background-attachment: #{theme["Background Attachment"] or ''};
+ background-position: #{theme["Background Position"] or ''};
+}
+#optionsContent,
+#exlinks-options-content,
+#mascotcontent,
+#themecontent {
+ background: #{backgroundC};
+ border: 1px solid #{theme["Reply Border"]};
+ padding: 5px;
+}
+#selected_tab {
+ background: #{backgroundC};
+ border-color: #{theme["Reply Border"]};
+ border-style: solid;
+}
+.captchaimg img {
+ #{Style.filter theme["Text"], theme["Input Background"]}
+}
+#boardTitle,
+#prefetch,
+#showQR,
+#{unless _conf["Post Form Decorations"] then '#spoilerLabel,' else ''}
+#stats,
+#updater:not(:hover) .move {
+ text-shadow:
+ 1px 1px 0 #{backgroundC},
+ -1px -1px 0 #{backgroundC},
+ 1px -1px 0 #{backgroundC},
+ -1px 1px 0 #{backgroundC},
+ 0 1px 0 #{backgroundC},
+ 0 -1px 0 #{backgroundC},
+ 1px 0 0 #{backgroundC},
+ -1px 0 0 #{backgroundC}
+ #{if _conf["Sidebar Glow"] then ", 0 2px 5px #{theme['Text']};" else ";"}
+}
+/* Fixes text spoilers */
+#{if _conf['Remove Spoilers'] and _conf['Indicate Spoilers'] then "
+.spoiler::before,
+s::before {
+ content: '[spoiler]';
+}
+.spoiler::after,
+s::after {
+ content: '[/spoiler]';
+}
+" else unless _conf['Remove Spoilers'] then "
+.spoiler:not(:hover) *,
+s:not(:hover) * {
+ color: rgb(0,0,0) !important;
+ text-shadow: none !important;
+}
+.spoiler:not(:hover),
+s:not(:hover) {
+ background-color: rgb(0,0,0);
+ color: rgb(0,0,0) !important;
+ text-shadow: none !important;
+}" else ""}
+#exlinks-options,
+#options,
+#qrtab,
+#{if _conf["Post Form Decorations"] then "#qr," else ""}
+#updater:hover,
+input[type="submit"],
+input[value="Report"],
+span[style="left: 5px; position: absolute;"] a {
+ background: #{theme["Buttons Background"]};
+ border: 1px solid #{theme["Buttons Border"]};
+}
+.enabled .mascotcontainer {
+ background: #{theme["Buttons Background"]};
+ border-color: #{theme["Buttons Border"]};
+}
+#dump,
+#file,
+#options input,
+.captchaimg,
+.dump #dump:not(:hover):not(:focus),
+.selectrice,
+button,
+input,
+textarea {
+ background: #{theme["Input Background"]};
+ border: 1px solid #{theme["Input Border"]};
+ color: #{theme["Inputs"]};
+}
+#dump:hover,
+#file:hover,
+#options .selectrice li:nth-of-type(2n+1):hover,
+.selectrice:hover,
+.selectrice li:hover,
+input:hover,
+textarea:hover {
+ background: #{theme["Hovered Input Background"]};
+ border-color: #{theme["Hovered Input Border"]};
+ color: #{theme["Inputs"]};
+}
+#dump:active,
+#dump:focus,
+.selectrice:focus,
+.selectrice li:focus,
+input:focus,
+textarea:focus,
+textarea.field:focus {
+ background: #{theme["Focused Input Background"]};
+ border-color: #{theme["Focused Input Border"]};
+ color: #{theme["Inputs"]};
+}
+#mouseover,
+#post-preview,
+#qp .post,
+#xupdater,
+.reply.post {
+ border-width: 1px;
+ border-style: solid;
+ border-color: #{theme["Reply Border"]};
+ background: #{theme["Reply Background"]};
+}
+.thread > .replyContainer > .reply.post {
+ border-width: #{if _conf['Post Spacing'] is "0" then "1px 1px 0 1px" else '1px'};
+}
+.exblock.reply,
+.reply.post.highlight,
+.reply.post:target {
+ background: #{theme["Highlighted Reply Background"]};
+ border: 1px solid #{theme["Highlighted Reply Border"]};
+}
+#boardNavDesktop,
+.pagelist {
+ background: #{theme["Navigation Background"]};
+ border-style: solid;
+ border-color: #{theme["Navigation Border"]};
+}
+.thread {
+ background: #{theme["Thread Wrapper Background"]};
+ border: 1px solid #{theme["Thread Wrapper Border"]};
+}
+#boardNavDesktopFoot,
+#mascotConf,
+#mascot_hide,
+#menu,
+#selectrice,
+#themeConf,
+#watcher,
+#watcher:hover,
+.subMenu,
+a[style="cursor: pointer; float: right;"] ~ div[style^="width: 100%;"] > table {
+ background: #{theme["Dialog Background"]};
+ border: 1px solid #{theme["Dialog Border"]};
+}
+.deleteform::before,
+.deleteform,
+#qr .warning {
+ background: #{theme["Input Background"]};
+ border-color: #{theme["Input Border"]};
+}
+.disabledwarning,
+.warning {
+ color: #{theme["Warnings"]};
+}
+#navlinks a:first-of-type {
+ border-bottom: 11px solid rgb(#{if Style.lightTheme then "130,130,130" else "152,152,152"});
+}
+#navlinks a:last-of-type {
+ border-top: 11px solid rgb(#{if Style.lightTheme then "130,130,130" else "152,152,152"});
+}
+#charCount {
+ color: #{(if Style.lightTheme then "rgba(0,0,0,0.7)" else "rgba(255,255,255,0.7)")};
+}
+.postNum a {
+ color: #{theme["Post Numbers"]};
+}
+.subject {
+ color: #{theme["Subjects"]} !important;
+}
+.dateTime,
+.post-ago {
+ color: #{theme["Timestamps"]} !important;
+}
+#fs_status a,
+#imgControls label::after,
+#updater #count:not(.new)::after,
+#showQR,
+#updater,
+.abbr,
+.boxbar,
+.boxcontent,
+.deleteform::before,
+.pages strong,
+.pln,
+.reply,
+.reply.highlight,
+.summary,
+body,
+button,
+span[style="left: 5px; position: absolute;"] a,
+input,
+textarea {
+ color: #{theme["Text"]};
+}
+#exlinks-options-content > table,
+#options ul,
+.selectrice ul {
+ border-bottom: 1px solid #{theme["Reply Border"]};
+ box-shadow: inset #{theme["Shadow Color"]} 0 0 5px;
+}
+.quote + .spoiler:hover,
+.quote {
+ color: #{theme["Greentext"]};
+}
+.forwardlink {
+ text-decoration: #{if _conf["Underline Links"] then "underline" else "none"};
+ border-bottom: 1px dashed #{theme["Backlinks"]};
+}
+.container::before {
+ color: #{theme["Timestamps"]};
+}
+#menu,
+#post-preview,
+#qp .opContainer,
+#qp .replyContainer,
+.subMenu {
+ box-shadow: #{if _conf['Quote Shadows'] then "5px 5px 5px #{theme['Shadow Color']}" else ""};
+}
+.rice {
+ background: #{theme["Checkbox Background"]};
+ border: 1px solid #{theme["Checkbox Border"]};
+}
+.selectrice::before {
+ border-left: 1px solid #{theme["Input Border"]};
+}
+.selectrice::after {
+ border-top: .45em solid #{theme["Inputs"]};
+}
+#updater input,
+.bd {
+ background: #{theme["Buttons Background"]};
+ border: 1px solid #{theme["Buttons Border"]};
+}
+.pages a,
+#boardNavDesktop a {
+ color: #{theme["Navigation Links"]};
+}
+input[type=checkbox]:checked + .rice {
+ background: #{theme["Checkbox Checked Background"]};
+ background-image: url(#{
+Icons.header.png + (
+ if Style.lightTheme
+ "AkAAAAJCAMAAADXT/YiAAAAWlBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACLSV5RAAAAHXRSTlMAgVHwkF11LdsM9vm9n5x+ye0qMOfk/GzqSMC6EsZzJYoAAABBSURBVHheLcZHEoAwEMRArcHknNP8/5u4MLqo+SszcBMwFyt57cFXamjV0UtyDBotIIVFiiAJ33aijhOA67bnwwuZdAPNxckOUgAAAABJRU5ErkJggg=="
+ else
+ "AkAAAAJCAMAAADXT/YiAAAAWlBMVEX///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9jZLFEAAAAHXRSTlMAgVHwkF11LdsM9vm9n5x+ye0qMOfk/GzqSMC6EsZzJYoAAABBSURBVHheLcZHEoAwEMRArcHknNP8/5u4MLqo+SszcBMwFyt57cFXamjV0UtyDBotIIVFiiAJ33aijhOA67bnwwuZdAPNxckOUgAAAABJRU5ErkJggg=="
+ )
+});
+}
+#addReply,
+#dump,
+.button,
+.entry,
+.replylink,
+a {
+ color: #{theme["Links"]};
+}
+.backlink {
+ color: #{theme["Backlinks"]};
+}
+.qiQuote,
+.quotelink {
+ color: #{theme["Quotelinks"]};
+}
+#addReply:hover,
+#dump:hover,
+.entry:hover,
+.sideArrows a:hover,
+.replylink:hover,
+.qiQuote:hover,
+.quotelink:hover,
+a .name:hover,
+a .postertrip:hover,
+a:hover {
+ color: #{theme["Hovered Links"]};
+}
+#boardNavDesktop a:hover,
+#boardTitle a:hover {
+ color: #{theme["Hovered Navigation Links"]};
+}
+#boardTitle {
+ color: #{theme["Board Title"]};
+}
+.name,
+.post-author {
+ color: #{theme["Names"]} !important;
+}
+.post-tripcode,
+.postertrip,
+.trip {
+ color: #{theme["Tripcodes"]} !important;
+}
+a .postertrip,
+a .name {
+ color: #{theme["Emails"]};
+}
+.post.reply.qphl,
+.post.op.qphl {
+ border-color: #{theme["Backlinked Reply Outline"]};
+ background: #{theme["Highlighted Reply Background"]};
+}
+.inline .post {
+ box-shadow: #{if _conf['Quote Shadows'] then "5px 5px 5px #{theme['Shadow Color']}" else ""};
+}
+.placeholder,
+#qr input::#{agent}placeholder,
+#qr textarea::#{agent}placeholder {
+ color: #{if Style.lightTheme then "rgba(0,0,0,0.3)" else "rgba(255,255,255,0.2)"} !important;
+}
+#qr input:#{agent}placeholder,
+#qr textarea:#{agent}placeholder,
+.placeholder {
+ color: #{if Style.lightTheme then "rgba(0,0,0,0.3)" else "rgba(255,255,255,0.2)"} !important;
+}
+#options ul,
+.boxcontent dd,
+.selectrice ul {
+ border-color: #{if Style.lightTheme then "rgba(0,0,0,0.1)" else "rgba(255,255,255,0.1)"};
+}
+#options li,
+.selectrice li:not(:first-of-type) {
+ border-top: 1px solid #{if Style.lightTheme then "rgba(0,0,0,0.05)" else "rgba(255,255,255,0.025)"};
+}
+#navtopright .exlinksOptionsLink::after,
+#appchanOptions,
+.navLinks > a:first-of-type::after,
+#watcher::after,
+#globalMessage::after,
+#boardNavDesktopFoot::after,
+a[style="cursor: pointer; float: right;"]::after,
+#imgControls label:first-of-type::after,
+#catalog::after,
+#fappeTyme {
+ background-image: url('#{icons}');
+#{unless Style.lightTheme then "
+filter: url(\"
+data:image/svg+xml,#filters
+\");" else ""}
+}
+#{theme["Custom CSS"]}
\ No newline at end of file
diff --git a/css/theme.oneechan.css b/css/theme.oneechan.css
new file mode 100644
index 000000000..5b764a7d3
--- /dev/null
+++ b/css/theme.oneechan.css
@@ -0,0 +1,27 @@
+.rice {
+ box-shadow:rgba(""" + mainColor.shiftRGB(32) + """,.3) 0 1px;
+}
+input[type=password]:hover,
+input[type=text]:not([disabled]):hover,
+input#fs_search:hover,
+input.field:hover,
+.webkit select:hover,
+textarea:hover,
+#options input:not([type=checkbox]):hover {
+ box-shadow:inset rgba(0,0,0,.2) 0 1px 2px;
+}
+input[type=password]:focus,
+input[type=text]:focus,
+input#fs_search:focus,
+input.field:focus,
+.webkit select:focus,
+textarea:focus,
+#options input:focus {
+ box-shadow:inset rgba(0,0,0,.2) 0 1px 2px;
+}
+button,
+input,
+textarea,
+.rice {
+ transition:background .2s,box-shadow .2s;
+}
diff --git a/css/tomorrow.css b/css/tomorrow.css
deleted file mode 100644
index 2d03d4498..000000000
--- a/css/tomorrow.css
+++ /dev/null
@@ -1,58 +0,0 @@
-/* General */
-:root.tomorrow .dialog {
- background-color: #282A2E;
- border-color: #111;
-}
-:root.tomorrow .field:focus {
- border-color: #000;
-}
-
-/* Header */
-:root.tomorrow #header-bar {
- font-size: 9pt;
- color: #C5C8C6;
-}
-:root.tomorrow #header-bar 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 select {
- color: #C5C8C6;
-}
-:root.tomorrow #qr option {
- color: #000;
-}
-:root.tomorrow .qr-preview {
- background-color: rgba(255, 255, 255, .15);
-}
-
-/* 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);
-}
diff --git a/css/yotsuba-b.css b/css/yotsuba-b.css
deleted file mode 100644
index 20b1214fe..000000000
--- a/css/yotsuba-b.css
+++ /dev/null
@@ -1,52 +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 {
- font-size: 9pt;
- color: #89A;
-}
-:root.yotsuba-b #header-bar 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);
-}
diff --git a/css/yotsuba.css b/css/yotsuba.css
deleted file mode 100644
index 2cf8b83ba..000000000
--- a/css/yotsuba.css
+++ /dev/null
@@ -1,52 +0,0 @@
-/* General */
-:root.yotsuba .dialog {
- background-color: #F0E0D6;
- border-color: #D9BFB7;
-}
-:root.yotsuba .field:focus {
- border-color: #EA8;
-}
-
-/* Header */
-:root.yotsuba #header-bar {
- font-size: 9pt;
- color: #B86;
-}
-:root.yotsuba #header-bar 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);
-}
diff --git a/lib/$.coffee b/lib/$.coffee
index 447bb1c3d..b05e86f99 100644
--- a/lib/$.coffee
+++ b/lib/$.coffee
@@ -121,8 +121,9 @@ $.extend $,
cb()
else
setTimeout $.asap, 25, test, cb
- addStyle: (css) ->
+ addStyle: (css, id) ->
style = $.el 'style',
+ id: id
textContent: css
$.asap (-> d.head), ->
$.add d.head, style
diff --git a/src/appchan.coffee b/src/appchan.coffee
index ba8ecd04f..cfa01e9c9 100644
--- a/src/appchan.coffee
+++ b/src/appchan.coffee
@@ -23,12 +23,11 @@ Style =
setTimeout Style.rice, 100
), 500
- Main.callbacks.push @node
@setup()
setup: ->
+ @addStyleReady()
if d.head
- @addStyleReady()
@remStyle()
unless Style.headCount
return @cleanup()
@@ -45,9 +44,6 @@ Style =
wrapper: ->
if d.head
- if Style.addStyleReady
- Style.addStyleReady()
-
Style.remStyle()
if not Style.headCount or d.readyState is 'complete'
@@ -79,14 +75,14 @@ Style =
addStyleReady: ->
theme = Themes[Conf['theme']]
$.extend Style,
- layoutCSS: $.addStyle Style.layout(), 'layout'
- themeCSS: $.addStyle Style.theme(theme), 'theme'
- icons: $.addStyle "", 'icons'
- paddingSheet: $.addStyle "", 'padding'
- mascot: $.addStyle "", 'mascotSheet'
+ layoutCSS: $.addStyle Style.layout(), 'layout'
+ themeCSS: $.addStyle Style.theme(theme), 'theme'
+ icons: $.addStyle "", 'icons'
+ paddingSheet: $.addStyle "", 'padding'
+ mascot: $.addStyle "", 'mascotSheet'
# Non-customizable
- $.addStyle Style.jsColorCSS(), 'jsColor'
+ $.addStyle JSColor.css(), 'jsColor'
delete Style.addStyleReady
@@ -121,9 +117,344 @@ Style =
g: parseInt(bgHex.substr(2, 2), 16) / 255
b: parseInt(bgHex.substr(4, 2), 16) / 255
}
-
+
return "filter: url(\"data:image/svg+xml,#filters\");"
+ layout: ->
+ _conf = Conf
+ agent = Style.agent
+ xOffset = if _conf["Sidebar Location"] is "left" then '' else '-'
+
+ # Position of submenus in relation to the post menu.
+ position = {
+ right:
+ {
+ hide:
+ if parseInt(_conf['Right Thread Padding'], 10) < 100
+ "right"
+ else
+ "left"
+ minimal: "right"
+ }[_conf["Sidebar"]] or "left"
+ left:
+ if parseInt(_conf['Right Thread Padding'], 10) < 100
+ "right"
+ else
+ "left"
+ }[_conf["Sidebar Location"]]
+
+ # Offsets various UI of the sidebar depending on the sidebar's width.
+ # Only really used for the board banner or right sidebar.
+ Style['sidebarOffset'] = if _conf["Sidebar"] is "large"
+ {
+ W: 51
+ H: 17
+ }
+ else
+ {
+ W: 0
+ H: 0
+ }
+
+ Style.logoOffset =
+ if _conf["4chan Banner"] is "at sidebar top"
+ 83 + Style.sidebarOffset.H
+ else
+ 0
+
+ width = 248 + Style.sidebarOffset.W
+
+ Style.sidebarLocation = if _conf["Sidebar Location"] is "left"
+ ["left", "right"]
+ else
+ ["right", "left" ]
+
+ if _conf['editMode'] is "theme"
+ editSpace = {}
+ editSpace[Style.sidebarLocation[1]] = 300
+ editSpace[Style.sidebarLocation[0]] = 0
+ else
+ editSpace =
+ left: 0
+ right: 0
+
+ Style.sidebar = {
+ minimal: 20
+ hide: 2
+ }[_conf.Sidebar] or (252 + Style.sidebarOffset.W)
+
+ Style.replyMargin = _conf["Post Spacing"]
+
+ css = """<%= grunt.file.read('css/layout.css') %>"""
+
+ theme: (theme) ->
+ _conf = Conf
+ agent = Style.agent
+
+ bgColor = new Style.color Style.colorToHex backgroundC = theme["Background Color"]
+
+ Style.lightTheme = bgColor.isLight()
+
+ icons = Icons.header.png + Icons.themes[_conf["Icons"]]
+
+ css = """<%= grunt.file.read('css/theme.css') %>"""
+
+ iconPositions: ->
+ css = """<%= grunt.file.read('css/icons.base.css') %>"""
+ i = 0
+ align = Style.sidebarLocation[0]
+
+ _conf = Conf
+ notCatalog = !g.CATALOG
+ notEither = notCatalog and g.BOARD isnt 'f'
+
+ aligner = (first, checks) ->
+ # Create a position to hold values
+ position = [first]
+
+ # Check which elements we actually have. Some are easy, because the script creates them so we'd know they're here
+ # Some are hard, like 4sight, which we have no way of knowing if available without looking for it.
+ for enabled in checks
+ position[position.length] =
+ if enabled
+ first += 19
+ else
+ first
+
+ position
+
+ if _conf["Icon Orientation"] is "horizontal"
+
+ position = aligner(
+ 2
+ [
+ notCatalog
+ _conf['Slideout Navigation'] isnt 'hide'
+ _conf['Announcements'] is 'slideout' and $ '#globalMessage', d.body
+ notCatalog and _conf['Slideout Watcher'] and _conf['Thread Watcher']
+ $ '#navtopright .exlinksOptionsLink', d.body
+ notCatalog and $ 'body > a[style="cursor: pointer; float: right;"]', d.body
+ notEither and _conf['Image Expansion']
+ notEither
+ g.REPLY
+ notEither and _conf['Fappe Tyme']
+ navlinks = ((!g.REPLY and _conf['Index Navigation']) or (g.REPLY and _conf['Reply Navigation'])) and notCatalog
+ navlinks
+ ]
+ )
+
+ iconOffset =
+ position[position.length - 1] - (if _conf['4chan SS Navigation']
+ 0
+ else
+ Style.sidebar + parseInt(_conf["Right Thread Padding"], 10))
+ if iconOffset < 0 then iconOffset = 0
+
+ css += """<%= grunt.file.read('css/icons.horz.css') %>"""
+
+ if _conf["Updater Position"] isnt 'moveable'
+ css += """<%= grunt.file.read('css/icons.horz.tu.css') %>"""
+ else
+
+ position = aligner(
+ 2 + (if _conf["4chan Banner"] is "at sidebar top" then (Style.logoOffset + 19) else 0)
+ [
+ notEither and _conf['Image Expansion']
+ notCatalog
+ _conf['Slideout Navigation'] isnt 'hide'
+ _conf['Announcements'] is 'slideout' and $ '#globalMessage', d.body
+ notCatalog and _conf['Slideout Watcher'] and _conf['Thread Watcher']
+ notCatalog and $ 'body > a[style="cursor: pointer; float: right;"]', d.body
+ $ '#navtopright .exlinksOptionsLink', d.body
+ notEither
+ g.REPLY
+ notEither and _conf['Fappe Tyme']
+ navlinks = ((!g.REPLY and _conf['Index Navigation']) or (g.REPLY and _conf['Reply Navigation'])) and notCatalog
+ navlinks
+ ]
+ )
+
+ iconOffset = (
+ if g.REPLY and _conf['Prefetch']
+ 250 + Style.sidebarOffset.W
+ else
+ 20 + (
+ if g.REPLY and _conf['Updater Position'] is 'top'
+ 100
+ else
+ 0
+ )
+ ) - (
+ if _conf['4chan SS Navigation']
+ 0
+ else
+ Style.sidebar + parseInt _conf[align.capitalize() + " Thread Padding"], 10
+ )
+
+ css += """<%= grunt.file.read('css/icons.vert.css') %>"""
+
+ if _conf["Updater Position"] isnt 'moveable'
+ css += """<%= grunt.file.read('css/icons.vert.tu.css') %>"""
+
+ Style.icons.textContent = css
+
+ padding: ->
+ return unless sheet = Style.paddingSheet
+ _conf = Conf
+ Style.padding.nav.property = _conf["Boards Navigation"].split(" ")
+ Style.padding.nav.property = Style.padding.nav.property[Style.padding.nav.property.length - 1]
+ if Style.padding.pages
+ Style.padding.pages.property = _conf["Pagination"].split(" ")
+ Style.padding.pages.property = Style.padding.pages.property[Style.padding.pages.property.length - 1]
+ css = "body::before {\n"
+ if _conf["4chan SS Emulation"]
+ if Style.padding.pages and (_conf["Pagination"] is "sticky top" or _conf["Pagination"] is "sticky bottom")
+ css += " #{Style.padding.pages.property}: #{Style.padding.pages.offsetHeight}px !important;\n"
+
+ if _conf["Boards Navigation"] is "sticky top" or _conf["Boards Navigation"] is "sticky bottom"
+ css += " #{Style.padding.nav.property}: #{Style.padding.nav.offsetHeight}px !important;\n"
+
+ css += """
+}
+body {
+ padding-bottom: 0;\n
+"""
+
+ if Style.padding.pages? and (_conf["Pagination"] is "sticky top" or _conf["Pagination"] is "sticky bottom" or _conf["Pagination"] is "top")
+ css += " padding-#{Style.padding.pages.property}: #{Style.padding.pages.offsetHeight}px;\n"
+
+ unless _conf["Boards Navigation"] is "hide"
+ css += " padding-#{Style.padding.nav.property}: #{Style.padding.nav.offsetHeight}px;\n"
+
+ css += "}"
+ sheet.textContent = css
+
+
+ color: (hex) ->
+ @hex = "#" + hex
+
+ @calc_rgb = (hex) ->
+ hex = parseInt hex, 16
+ [ # 0xRRGGBB to [R, G, B]
+ (hex >> 16) & 0xFF
+ (hex >> 8) & 0xFF
+ hex & 0xFF
+ ]
+
+ @private_rgb = @calc_rgb(hex)
+
+ @rgb = @private_rgb.join ","
+
+ @isLight = ->
+ rgb = @private_rgb
+ return (rgb[0] + rgb[1] + rgb[2]) >= 400
+
+ @shiftRGB = (shift, smart) ->
+ minmax = (base) ->
+ Math.min Math.max(base, 0), 255
+ rgb = @private_rgb.slice 0
+ shift = if smart
+ (
+ if @isLight rgb
+ -1
+ else
+ 1
+ ) * Math.abs shift
+ else
+ shift
+
+ return [
+ minmax rgb[0] + shift
+ minmax rgb[1] + shift
+ minmax rgb[2] + shift
+ ].join ","
+
+ @hover = @shiftRGB 16, true
+
+ colorToHex: (color) ->
+ if color.substr(0, 1) is '#'
+ return color.slice 1, color.length
+
+ if digits = color.match /(.*?)rgba?\((\d+), ?(\d+), ?(\d+)(.*?)\)/
+ # [R, G, B] to 0xRRGGBB
+ hex = (
+ (parseInt(digits[2], 10) << 16) |
+ (parseInt(digits[3], 10) << 8) |
+ (parseInt(digits[4], 10))
+ ).toString 16
+
+ while hex.length < 6
+ hex = "0#{hex}"
+
+ hex
+
+ else
+ false
+
+Emoji =
+ init: ->
+ Emoji.icons.not.push ['PlanNine', Emoji.icons.not[0][1]]
+
+ css: (position) ->
+ _conf = Conf
+ css = []
+ margin = "margin-#{if position is "before" then "right" else "left"}: #{parseInt _conf['Emoji Spacing']}px;"
+
+ for key, category of Emoji.icons
+ if (_conf['Emoji'] isnt "disable ponies" and key is "pony") or (_conf['Emoji'] isnt "only ponies" and key is "not")
+ for icon in category
+ name = icon[0]
+ css[css.length] = """
+a.useremail[href*='#{name}']:last-of-type::#{position},
+a.useremail[href*='#{name.toLowerCase()}']:last-of-type::#{position},
+a.useremail[href*='#{name.toUpperCase()}']:last-of-type::#{position} {
+content: url('#{Icons.header.png + icon[1]}');
+vertical-align: top;
+#{margin}
+}\n
+"""
+ css.join ""
+
+ icons:
+ pony: [
+ ['Pinkie', 'BAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAA3dJREFUGBlNwUtoXFUcB+Df/zzuY553pp2MmUwSk5TGpnamiokWRdNCSkCrUChKCnVZQUEUdy5sQZC6cyd2VWgoutCFXWTjIyp1UdqmEDBRsSZNmkmaZF6Zx32ccyzowu8j/M883pH5A9kBYfNkFOpu0OiulyqXmnhkDmdYHYJexzX1Ef51EQDhP9fxpjU0PDCd7IldYIxGVag3/KZ/ZX1p8/P0k/0U47qs291M2NS3f6ncuLeFeQ3A8KuYoNPoY/3e2Ej6scSnqUJ8gksmhC2y3OJHpSUHU0/3HU+WCuddyV6VSpVyYv/aUuPefWAP4iDG8AhJWyYYo972tg8DQ1wyWHGZSfcmZmQ+YeKTw1bQ70H8uJw3xtDp6NzG15VLf/DLWMBZHGPkwuWGyq7njLoZyzAiCtqRIddioifBxYBHIpeE0oaw0yoG7WA755dvi8Xih66BOSZj4rwds45bSQkuOeOCQYWG2PjjcEq94JwjQgQ+kCW+tBl3H7Ym4jnbE/nDmamwqz9mnEaYoBgiZaJIGW5zEIHEPheykMD2w12ztPIXCrZHec+GdOVAUI8ygjvifeHQESiNoKtMlIoRxSV0owMjAeY5+P3BKrbTDq3n02B/7yDTDkBANSXiewKgjFbahEwQe34IiVIfRNqCv1qDanQR9Di4+tU16N409o2WMXnyJeNWb9PO4s6WroZawOiSiozCoR7lPFUQezICCzXF+pPGYRna6/rotNqY/eJLUzh4mM5dP4Va0YXV45x0O9F9FhkN5auq4eznaq3WmP1pDkuibW5uraNaqyNh23ihPA6v7wAVS+PwXAGkbYiUnU3kYm8JzvgGpJGdG6vzm15+ce6H79/9bnnBhCxG702dwnTaw4nyM/jsiTHsHx+DEyjKWnGEUpBOyjTTgbpsNHyLojPe7PK3qci58NvNu0Gl0YA8NIxWp4MkdzCdK2Ci6iNYXIV6UEfUDBC2Q/A3WqVbUUfVucWftYhP9fLiFf7yRPGVmZmhE88dJVmpGRMqRH4E3emSbnQR3lkzaqNB3br/J39tb1ibJglGfJDZbMReb37Td/bFhcnB/iNppXNUbZEKFGBJ6FBT+9cVo5c3yd/trDV3OxdFDDHFOV8IffVJtNNOC+J3xtYqATWw0Mm6RIJ9YAy9rdtt07q1ZtjdVXCYFRBG4Bv8A+lliGhzN164AAAAAElFTkSuQmCC']
+ ['Applejack', 'A4AAAAQCAYAAAAmlE46AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAv9JREFUOE9dkmtIU2EYx88Roi9FfahkfQmS6kNGEBRlZWSY5tylTKepqR8MHYGl2R1POm2u5bCVlzbog2Ze591pzZPZxUskDZLMMLSWzcIca3MXt7N/55woqhf+PC8Pz+99n+fPQxAEQf6vhINb1nG5/ISdobWXo+9eSd4tyM7OJimKImmaJhsaGjjmX/DGqfDQmkvRg1x+9YrlZPd18fdupXiu6mxkOAcqlUqyuLiYB/+cayfD1rKFH0w3pYEHV4/omhTCyieVcYEB7TEYSyX21Mita/6u/91qUBMV00JrjmKwMg4zI2fgnlfD90PLx+nhMyinIrb91SFBFqaHBevPHb7G/fS06jhs0wXwO8rBOLXws2Kct/k4//HKRE+jZD0Pl2buD2FnmOlVSUFrpJg15/JFgcWKP0Bg8Q6fs1sVs+11wmAebKaEuiG1CC81Yozci+cL4KoC3JUIuCp4+R23+Ee4Dr5bisZmJi7fJzpLRJZPOin8vSlwdSXDO54Hz+vT8LzLh3uuCIuzBfDa1DzMPcrJMVfkIHpVEu94uYgH/aaTvOxdJzDZkI76smhY2mVwDmfg8zM5RukcvH8pbx96mLiPMBTG0nSpGK7mePg6k+DsSUZbSQwem02oba3DRsFKzNQfx9sHSdi1dzve5Ow4xM+ozorY1K2U2MY0IrhbEuB7lIqB6gxY7B9R3XoHAoEAivN74O5LAaXNwvNLe9PlcjlJACANRaIRztFh1iRvfRyYx5kIOCwY+GCE9GIUOjrzwZjS4H16FV80UT1WqzWIWFhYIBsLhDf7y46Ck1UvATNKgXlxHgHbJDyub2DGVPC2s+bVyGDTx74ym80kwe2fKvNASN8NySK3NeayWNagNPj7WaP62Uhn8HdPkwyWW3IoEjdv0Ol0JGE0GvmV0+dFpj9SS5kOKuahr01Wwbb2lXV6aakjkfF1p8DXlwHnaB5yTm1bbzAYfs34e/+0pyNic+N2ruIWmQWXcdE1dUEGd9UYq6kle1mXqVW6imWIn290AGVZutJTAAAAAElFTkSuQmCC']
+ ['Fluttershy', 'BAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAA2xJREFUOE9dU91PWmcYP2uybDfrxdIlu9vN/oglverWNN3Fmu1iN7vY2q4utnE2Nu26ukyrUUGwExGpn3xY+TyACjrskFrcEYoWnCAM4YAgcJjROkFA1q789nJczNaTPHnfk+f5/d7n4/dQ1Cvf3Ut3Xp//Qnze36gYCt56kIgJpyqRFvrvcIvxMNxhSa9eV993XJK/+yqO/zdf7j7tbRz1RdstLzOKReRoLxJSOzb7HyKtdCEumgErmEbwO03U2aR8738kzq8ln8e6bXlWYMWmZA6Z8SUk5U5ytyPeY0Oy1w5O50FO+wQ5jbtG4lK19L5BGehzb9sE19+JtFt2c8ZlJPvmwAqtSA06EWs3g+2aQnacwdbwAmLknuiZxaZ4FiTD6tLFvi+pBeenb/3mvvo4Yu3D5v1ZsP1axHpUiAo0iPyg41/dGiNgiQI5PXmdXkai92dkVItYbZ6YpVZWLrrKFSOynBip9W6U/7LwViqZ8SykRWpcR8BqJNlmJCZp1LLMkIxSAw6s39WHqUCo/mDnWTdKhwRUMaNMzvLh5NFZsaBIbD+rJ34jgsxtcLQH3IQbKakDoVZDmnpk+irA/fEjCkXlv+AawX+MEJQJcaFEY8bWAJdMgYxyESn5PILNumUqJNVVA4EG7OXlx8Bf3T2QyRuh0X2P5ad9pCQTcjtqDI3UwTMuReIeaaKagb9u6B6VVi9Wg1YRUhkhH1g6NKFf3gD/2gAYz08YVd5AdltDfDS2d2QIrH6DcNcwUjLHc+aC8AMqLrW/4EwesBoligUTCgc05h52IH9gwu6+ERwBb+9pkc0IwLJNWHPXIyrUIdysW2POd52gopIZjtOSpgzOI2NToVAmwD0D9osmvvZSxcCXtr5wA08627Ah0yHZ74D3ysBNXokR8XQ8q2SQM3gQbZtAPm1AiZRyNIUawZGFl5qIRqbBdk4Sndjy1iviIymzIquXldirWRXDzzdOZr63q8J66OqOf+2yL8be+nMr3fry91A9NlRjvKT9tx88Pt6Djdaps0RZxQRZmCzpbHrMBV9b5/YM/dn7tSCT/cNTvpauFdasR5xkkCaS9n07Kj0mIKm+GbujP5OQ/vI8Ofyomhx0sOmxhU9W6wYp5uOO12qB3guik2TuI2QPXmwpXLGnjSMf3RRdO1Hz/QNneMt7Iqmg5QAAAABJRU5ErkJggg==']
+ ['Twilight', 'BIAAAAQCAYAAAAbBi9cAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAA6lJREFUOE+VlF9Mk1cYxj+Kc3+yXWimFxuk2zTIn4bQFkppF0hDNmBpBtgKixhhQZAhbSkFBp1uZWg3ZLRMxFKE0qKtrMy2E2ztn2+1tLQgbuJiorvQ7c5pgplZNjfmePZ9nwtZMm52kufqvOeX5zznfQ9B/M9l/8CXPP2R/6ajy+u0amZeoI8D2PpfTLqMlZQpT9vE2fPOc9l73302q7rs6Sz5K6zM3ZuJzD2EVf1VytejC4hNXoWj2/vlF71+FgVKIsZVHrbnEzLoPkYOqqtPNm7j1l1J4R9Y4wgVkOR3Qcvrg+uNXmTnt9zfmdcUFRd1XqQhC+eWMXP8MiwKdyUDOqMLEG49qYtYlhA+vQi7zocGmQHFYi2UnM9wq/RzNEsOQyDWMBIWtjNurjivw2ucg+toyM+A6LWZU72vvsqwFjwVZwrmrEvoq7DBLDDiltQAobidgeRRUipMTA0t32AU3hNzD7zGSANBZMi2UFe5nyZohrREB9dxEnMTS+jgnUBYMghv2afrbhhHb3aAnFxkQMHhOALDid8p0EHiKU6VklvQil0UiJakqBsf77dCmTmASPEAhoqPIEN4CGmCJvAkauzKfw/5pRr4J+JUTtfo693zGSM7iBdzan10sE9gh5AragNXoEKtvB+93ZMY0TthGraB92oJVlYewDTgQJ96DKTtiStXb8jvNoafIV7i19+lndC2X+bXPyqXffj4kmV+PYexY1aQMwnkv1YGWUUljryvQ0/dqfV9+Vs9zVTYLILKZ5UGsXMbb2/llJaWCN8OnzNMrxda9JNYjt+ENL0RrQol0nekQVtlRHA8gsWpZQhEmrviws5yIpXfcG87t+52UpY8NZXN3lIjPRiOReZxfugCA7s4EsCN727ArHChQiKDYGchRrumELbFEbQmkFvQ+ofg9TYX8Xx2zfnkLDmHbgM2m00M1tortQf06FC2Y2HqGgMjvSR+WfkVplYPzCoX3EOziDmuwjMSRk6BajVP1PYT/fzb/j0nZ7tmN+n3mUlpUTmCo1EGFHJE8NvDR/g+egd0fj5LDN6xKHo6bOAL1D/niTTRDUd2rMW13VBj/zFu/5YZBaYBp69j0blMPfs8zhj9KCjspPNZ+6fjd28IGld4MgIn5x/HJr9ByJRYDz5oS2B6KIT9Nf3IEaj+pCBrXFELOTERZm0Ichy+lHy2czZlpv+y80JfmILFVwPDsTvmo26SJ1I9zBU1/UVBfqAk35ujpb+RpL8BJjxIUjyXvSgAAAAASUVORK5CYII=']
+ ['Rainbow', 'A8AAAAQCAYAAADJViUEAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAA3tJREFUGBk9wV9MG3UAB/Dv7+531971aKGMlr+OwjoGBUZwRDrRBJwj0bHEmeiS6Xwyxn8x8UVNzHAPPvliFhMzsy0m8uDD5h/QZWoUNxYMBoZbZCBjZTBoKRwtLde7cv9+bg/6+ZDnzk6C44lw6f6whdOnETpzla+0803RMD3ZGSH95V62lzGQtMH9M7MhfpPUyIX5HE1uvNXDaCQgtykB70cR/4unrn3aqzYkZt7v18ZfezyTkfy0HlJ7FMWKEBJFpYMSVq7bngMlGvvc/OTiLzRYLp8K1waObaS16MDIRfupG9c6SuwCsSt2kJ+/B+3HMdC6MBofa0N1a2sVJTWj02mh4BFCCpV84jN4oHyX3KYEJAi2BWYR2CkPmMlBiOgwE0mYiymo1Qu0Mx4/8VLVnrtnF4VxfuCN9z5mDBA9FJt7mzDe3oXkjou69CqoxkA4gC9xQAggankMa7uTm3m32SLKD+Sz6XXGGCDJAv6j7di4MzqBo199Adk2EIqkQGQHDy3Ij2Q+bHr9g3UxyFHLdFyvJHAg+J/ipYgdjuMyzwELCfRsTWG/NQEwhqCVC0YLy/qKGJzmD77w9pHSoFyjbWWxtjAH5jIIHi8EKkCpq8JteCD2H0F2u4BwZhE+x8BEWbt6i6df8kr/s0+H/HKMc1yo02MYaG9APjGLxJ+T2NxYRV7fxu66GqjwYyrn2AG7YFGw4FygeYiXjva/KoipxoaKGPY1N+PJfRHEauvQaIj47vsLSN67i87ew6hOLGFeTS38FO45XhR8lQlffS0tmGViwbmCdKEb3tJSGLYLieMwMfQr1tZSqOzqheCVkDWIk7i/vvJ7WdVVxd96XWBU4kzb55qOiZvqJazmCxhLGzBFiqbnuzD71xyij8bxEN/XzXccf7PyxJ6+lkxuwknnftP4vorBd9O1mXBAnsbfaQW6VQadcWC7gmiIH0JlrBWuw+DYgFyiSGqu+O2NjZllPMBJRUevuH4Ipu1DyOefrS6RzmQN211iFGUtzSAcD8dh2Ll8cyStai8vra/8MQhgEADvjx/bX78c6rgT1ddl722/btSelEz69eaWoZqms1kwrGVt27xV1I1zgdWfRw6Ww8lmswQAo6QR2dnM6JC6HT3PEfvctjSsnx+3J1uob6qt6gAtSgEu4BbdV2KO80T3O0QQBFiWRQRBwL/txI3OlzkSKwAAAABJRU5ErkJggg==']
+ ['Rarity', 'BMAAAAQCAYAAAD0xERiAAAEEElEQVR4Xm2SW2xURRyHfzPnsmcvlO4ulN1uF2sLrIpdJNS0KUZFUq1t0AiKkpASbyQSjRKENEGrPuCTiUoTjSENKAnFYKokbZOmIBaoTRXB1AjbWmrabmVpt3SvZ899PFnTxAe+ZF7+D998mf/gbmwt30131B58YM+WTw7vbTnW/+oTHZda6490723uPP1KY0fna40dh/Y0fFz/4pq3XRFEsATB/2i71EauvDcplHN173p8of2gnI8KPHLxm/AEqwgIARUEeywyS1dVPZ+9kJ6OHdB/uzF2BmcYXRIdHxkhO/0vR/e9+c4p7+pIO+92+wlHaGE+QV1lYWpLCe90kdKVTvJo80rqDTic4nJfk7c62kM3rltfgQpSLGOM4ZfR0apQIPQTpSR04uhVqhUYSkoItLyMVFaEIjNENpTg8ZbVyGYK6PpyHIYGBhCmLiYHZ2NDzxZlpwYHaX3V2mMet3sPpZSbjc/B5y+Fw8GDgWEukcbURBLR2jB0TcPpz4cwO5aBBQJuWSnsbC09eeN50tnZSYy0s6p5V+MwIVghSQ4iFwqQHBIIIcVjGEaxXtd1XO2P4dr3N6EqCvJyFoqmgvqDlqZqp+jxD4/z8etKGxjxm6ZJxmIxnB8YwNDQEGITE5iemQHHcRAEATYIVPvB8ZQRQu05D45QGPNx2PYNNFxWV21y/h0AiCiKkGUZcwsZnDjTg7cOtuOr098hYxLYQJIklK8ps5hoaAyM2ZeAFwRQEJi5FEclT/BpxZBKFhdkQimFx+NBTbQG+1pfQFZ34tZtFd29PTAtC+N2dU9vH/t18sKCwPP4r46DQ3QySzcGKBGERzRFpYl4CkubPdd3Fj1nu5GduAxvdQNIPgNV1zBw/hy6+y+D510xUZQYzwlM5CXT5iID+5RailLNDINN/ZUCoQTLlnkQj8dx8uRJW2DA7V2F6H0RGJoGt8vFgqF7c2vD0T4wMANgd0yjP2Mqb+Ty2RkqMrhhmbh+JYnk7TSWl/pwuP0DrIvWoX73EWx/LIIV3lKIgoitT21Dy7aWPzU125/JpbOLukrA8U1ly8uGwxWVz1CXwOvE0qHIGq4NJ4qPHApVoKurC4defw6bKigCwfLiRkMBPzavL39w5/tPChk5vV+ZvzVHUknm4DhB13RKeZ5LlthlzDAQG00jkykU/5VTYKgJiTANE6LkhKIqTNW0nKqpvYauj89PzX5jcqxG0/WmeGK6bj6V+IHPy7nfV/hWbS5kM0gnC5iMLWBjXfhnAA0FRQGz0XVtzmJsZEHOH52a+uPirubtOmw2BfYmg9cSP2YsJ7uIbxlpfaitdk3l/Q/rlv7FnVzucmXdPS+1HtjyD8dzWCIvy76/Z6bY5MTs4tfjn7HBjwZxN/4Fq6rr1ZuF0oUAAAAASUVORK5CYII=']
+ ['Spike', 'A4AAAAQCAYAAAAmlE46AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAsFJREFUOE+Fk1tM0nEUx/9QPtCD7z30nE9sbbVeXJJR6j8DkVsIhg6HTqSXnBHSMMEbEy+AgPwVQpcgNy+kKLc/lCgF09Wquaab67kHX1pulif+mHRdne3sd3Z2Pt/fOee3H4J8N/ow2lrj4H64OljRfEXBIZ/k/3lWquXIrQl2ROAVA98jOro2XKUtvV9Dpj/iFV/ppwvLVfzThEBZGRWh0S4hmFx+rId2ysmMSU6WAAUeMfDcdYe0gUrGdUOl7rZXBDRdRQtRp1PeIRlVctIzk+lHR6itJnwC1nkbgOXgZlhO3h6RY9rZKYT7W9NUKpUklUqRKjPDQADEjYTz3SLgzQjzMWua/5E5xLpQrqOX/jEzamTc4LqEX/KQRwRMBwfEDgnUOyXAdgk+1zr5e0w7J/vA15OfN28PW5SnZlRuVT3WeMia5oHW1AthawSS40mIjcWhW98HfF89Ifa6qb+hqAA6FA5xzIp/dVncYDc/hkQOiI/jBcctCegwdRJgsERWcszpZTrKU/3S7s+Ff4vn9UG4aWbGyofoaB60d05dDJuiR/8DcXMCpLY24GPsrlRWcxZxKmaqF0aCsDy8ArgtAVFL/Jc2C4LWBEwFNLCUbt9PZrpEiEk2VjbmMYIdm4TQ6Cq4RmYB02CwZAlB2ByBkHEVYhYcEmEreNZl4F+/C8F0+0vE2x1IL3qDsDgZhKg5Bt7ULAgHa+HVzlt4v7MHMQyHpM8LrlQzuNdaIfJCub+R0Z5DfNrAxsJAEHJbhXhue5nQJmS3t2D73S6suVK5XBKiYQMs4B3xSEbZ83xTc3ljq5eMmNts5/3d82/8jicQDc0Cbo8BjiVyQsez4rYkeNRzfqfadUYgEJBRFCVRKBQS0tTUSM7BxaauUelyenwunnZ+SnhXDkKG0EGgb+5g4p5dpa5TFEkk1bmfQSu8/TfTXs+Z8UbptgAAAABJRU5ErkJggg==']
+ ]
+ not: [
+ ['Plan9', 'AwAAAAPCAYAAAGn5h7fAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3AoYAzE15J1s7QAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAACAElEQVQoz3WSz4sSARTHvzMjygpqYg3+KIhkE83DKtKlf0C9SrTRuZNEx0VowU6CuSeJNlwwpEO2kJ6SQBiIUAzFjRDF4wrjKosnGx3HmdehFDfpe/2+z/s++D5gU7IsEwRByICIiAEAIiIAYAFAXsjYVr/fLxMRNVvN+prJ5/OA3+/XERFNf02JyeVyDx0OxyvLNQsnimLKfcf9KRQKXQAAnE6nlf5qMpnQycnbP/kAoKoqsSwLAJhOp+AAwOv1otvtpqxWq73dbt/r9XqvEQ6HUalUEvF4XLd5IpvNZqlerzd5nlf6/f6tTCZjBACk0+nb+XxeW4UrikLJZPImAGA0Gq0NIqJyuSyyANDr9Q5Wu1utFvR6/SULAI1G4+vK8Pv90DTtGwsAJpPpaGUYDAZ0Op3PHAAEg8H3tVqtbrtu21sqyxuRSOQJk0ql9IvF4r7b7f7pcrlejkaj57IsH58Pzp8dvjhc/lsBk0gkbLFYrFqtVvd27+4qOk733ePxPDCbzVBVFfP5fCiK4rvhxfDN/qP9wSasGwwGMv1HiqJQsVg8ZlfTHMepkiR1t05gGJBGmM/nMBqNj9nN9kql0lNN064ARISzH2cQBAGz2ewLu2na7XYLwzBbvxYIBBCNRrFj3BmsAZ/PZ+J5/kOhUIAkSVeA8XiMZqt5efrx9OA3GfcgvyVno9cAAAAASUVORK5CYII=']
+ ['Neko', 'BMAAAARCAMAAAAIRmf1AAACoFBMVEUAAABnUFZoUVddU1T6+PvFwLzn4eFXVlT/+vZpZGCgm5dKU1Cfnpz//flbWljr5uLp5OCalpNZWFb//f3r6+n28ff9+PRaVVH59Pr//vr38vj57/Dp7eyjn5zq8O5aVVJbYV9nVFhjUFRiWFlZVlFgZGOboJzm5uZhamfz9/bt8fDw6+drb26bl5j/8/lkX1z06uldWFS5r61UT0tfWlbDwr3Ew76moqNRTU7Mx8P75OpeY19pWl1XW1qzr6x5eHaLiojv7+1UT0xIU0uzqadVS0nV0MxkZGT5+PPk497///ra29Xq5eFtY2H28e2hnJignJlUUE1dXV2vrqxkY2FkYF/m3d5vZmfDuruhl5aZlJHx8O75+PZWVVP29vT/9fTj3trv6ubh5eRdXFqTkpBOTUtqZmX88/RMQ0T78vPEvr7HwcHDwsDq6ef///3Gx8H++fXEv7tZWVedmZZXXVudnJp0c3FZU1f79fnb1dlXUVVjXWFrZmy8t7359/qLj455e3q4s69vamZjX1zy4+avpaReWFz/+f1NR0vu6Ozp4+f48/lnYmi8ur3Iw7/69fHz7+xbV1SZmJZVUk1ZV1zq5ez++f/c196uqbDn4uj9+P7z7vRVVVXt6ORiXl/OycXHw8CPi4ihoJ5aWF3/+v/k3+axrLOsp67LzMZYU1m2sq9dWF5WUU1WUk/Au7eYlJGqpqObmphYVV749f7p5Or38fPu6OpiXFz38fH79vLz7urv6+hhYF5cWWKal6D//f/Z09Xg29exraqbl5RqaW6kpKTq5uPv7Of/+PDj29D//vP18Ozs5+OloJymoZ1ZVVJZWVlkYF2hnpmblIyspJmVjYKQi4enop5STUlRTUpcWUhqY1BgWT9ZUjhcV1NiXVkkhke3AAAABHRSTlMA5vjapJ+a9wAAAP9JREFUGBk9wA1EAwEAhuHv3dTQAkLiUlJFJWF0QDLFYDRXIMkomBgxNIYxhOk4wwCqQhQjxgxSGIsALFA5BiYbMZHajz1oJlx51sBJpf6Gd3zONcrqm/r1W8ByK0r+XV1LXyOLLnjW6hMGpu0u1IzPSdO17DgrGC6AadrVodGcDQYbhguP6wAvAaC0BRZQalkUQ8UQDz5tAof0XbejOFcV5xiUoCfjj3O/nf0ZbqAMPYmzU18KSDaRQ08qnfw+B2JNdAEQt2O5vctUGjhoIBU4ygPsj2Vh5zYopDK73hsirdkPTwGCbSHpiYFwYVVC/17pCFSBeUmoqwYQuZtWxx+BVEz0LeVKIQAAAABJRU5ErkJggg==']
+ ['Madotsuki', 'BQAAAAPCAMAAADTRh9nAAAALVBMVEUAAAC3iopWLTtWPkHnvqUcBxx5GCZyAAARERGbdXJrRUyGRUyYbY23coZFGDRFGEYfAAAAAXRSTlMAQObYZgAAAGhJREFUeF5Vy1kOQyEMQ1Fshzd12P9y61AixLX4yJFo1cvVUfT23GaflF0HPLln6bhnZVKCcrIWGqpCUcKYSP3JSIRySKTtULPNwMaD8/NC8tsyqsd1hR+6qeqIDHc3LD0B3KdtV1f2A+LJBBIHSgcEAAAAAElFTkSuQmCC']
+ ['Sega', 'CwAAAALBAMAAAD2A3K8AAAAMFBMVEUAAACMjpOChImytLmdnqMrKzDIyM55dnkODQ94foQ7PkXm5Olsb3VUUVVhZmw8Sl6klHLxAAAAAXRSTlMAQObYZgAAANFJREFUGJVjYIACRiUlJUUGDHBk4syTkxQwhO3/rQ/4ZYsuymi3YEFUqAhC4LCJZJGIi1uimKKjk3KysbOxsaMnAwNLyqoopaXhttf2it1anrJqke1pr1DlBAZhicLnM5YXZ4RWlIYoezx0zrjYqG6czCDsYRzxIko6Q/qFaKy0690Ij0MxN8K2MIhJXF+hsfxJxuwdpYGVaUU3Mm5bqgKFOZOFit3Vp23J3pgsqLxFUXpLtlD5bgcGBs45794dn6mkOVFQUOjNmXPPz8ysOcAAANw6SHLtrqolAAAAAElFTkSuQmCC']
+ ['Sakamoto', 'BEAAAAQCAYAAADwMZRfAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAxVJREFUOE+Nk19IU1EYwK+GQQTVQ39egh6ibKlzw91z7rn3bvfOmddNszl1bjKXc5rJJGmBUr7Yg9qTD0IalFgRBEYg6EDQQB+GovQyQgiaUZsoLcgHMcr069w7MgcGXfi453zn+37fv3MYZt/n99e76tzVj4JN/hP79fvXnV3hnNabwUBjoOHcgTYOu/JQspgTzsqKgn9BfD4vkWTzur287PqLVy+zM+yePB7KsRXLywTjnSpnZctBkPCdW8ccDuU55vBO8RXbkC/oP5ph19V5+7LIky0OY1BKbZEbLcFSt7u6pN7jLmltCVrr3DV5jY3+KovFEsccB1KJNVpefe10BqS2tqqO4/AuphBB4L/LkrRqNgtJs1lMypLls1kU38mytMLz/E8VIlutqVqX6/weZG52OttRXjbE0cP/FYLRlpVjDXuQ/r77x2XZPKkCHA4HBAIBkCQpAygIAvh8Pu2MZgO0Lz+QSa/sQfwN9RfpVN66XC6Ynp6GhYUFGBwczAC1t7fD0tISxONx6O7upgHILmsqvLcHodOggfiV/v5+SCaT4HQ6IRaLgdfr1bIRRREmJyfBZrNBNBqF+fl5sNsdgE2GiAbp6bmbdbXC7qWQbxMTE7C2tgY6nQ5SqRSEw2ENopaoZpCXlwdTU1NaoECgCbgiU6y8QH+ECYWaTymK7TWdys7MzIwGaWtrg42NDejo6AB1WjU1NZo+FArB2NgYrK6uQrAlCASxn2z6wkuMp87VIAhkE2MEAwMDkEgkYHx8HBYXF0HtkQpRy1BLiEQisLy8rPVNKSsFjEzrXH4+z1hlS4xDhKadNu7t7YPR0VHweDzAEVWfHru6HxkZgeHhYVAURYNjkylVWKArZjjMzqmdVi+QCsLUkQiEjvDvncEkvU7/qQ0Vgukeo48Go87IiCJnZNmipxiz7wXEbVDnbUxQOgM12h9n6qTq6NvapRdtkwaP0XK8RmPuYSbxYfaQ/sJJhjfknuFRURUi7AMOozcCwl94hLZp5F+EioDQVwqYI6jomZU1NFtM+rOSxZjVazcyvwHr/p/Kws1jegAAAABJRU5ErkJggg==']
+ ['Baka', 'BAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAA0pJREFUOE91k3tI01EUx39JOpA0H4jNx0pbD3XTalISWf8YFlEgldqDsBLLyqjEKBCiLLWiggh6/KEV1WZ7OaelLZvDdDafNW1JFraWe/32+01FrUZ9uy4ylLpw4Z5z7/nc77n3HIqaMRIjZJyEcNX+uFCFeGmI/GZciEIsCFJUTvoAzDz+1y7K76MSwhX5hXl6z+WSbrzU2KB8YEGDwgrTaxZ3b7xHcaHhR3xw7Z5/UviB1ReP5XSg3+TAqYJOxMzWISFIC0GQDomhTVA9skCnsaAwp/vnMq66dBokNuBR9uFd7T9Z1zCunjci0qcRJUVdoJ3DYOhRnC/qBZ+jQbfeCc+37yjY2UEg0iwvJE0k9l8Z+8xqHmTgot0QLdQgTaQFQ2AsOzlHvOu1S5pwOLsHHo8HjHMCq2MazNvTlByKHyrJLDvdR25jMWRxYx5HjeMH2r1BDOOeguRua4OI14jx8a8YH5tA+al3EHKlW6mYOapb2oZBOOwMbEMseAE12L+jjUh3w+VipyAZ65oxn1NP/GMYGR6Ftn4Qsf7qa9S82Y/l/X122G0uL2TbxmZEz1WhXW8mUol8moXu+SCi/OoQ6VsDh3UUwyQ1k9GOaI5MTkX4yWTGHutvgI1F28sviAlRgxeoRm62HvsyW8En9pZ1TYgi6TntoyQtFm86rVgUoJZRvDnKMmXVAGxWmkAYOBwudBqGcHCvHulrGpGT2Uy+z4yT+QYsCXtCUpp8GxbKhx8gDK0ro+KjJGvzdjfDZnN6VdisLD5/JjArQ2zW66PJOj2lEZtStaBphkwah7K6kMJ/GEulp1bMWhAmMbTozOQRaWRtfoZVgjo4iRra4SYgGi26TwjxVeDKhR7Y7U606ixICq9tr7hd7+OthRWL7yUnJ1WPmXotqLhpRICPHCePtuFV6xdUPTAhcWEtRHEqfHpPyto4hPXLXnzflSEJnFaN3OCKDcsFsrEntR9RUmxARLAUgT5iBPuJsXWDBj0dZjRU9yNV+PTbpjTp9OA/pOSk24nRkXf1J462oPxcJ65f6ULlHSMulepRerYDgvj7A0cKpNz/tyTZqbzXO4t0ZZGQJ34RH11lFHIlA8LIqreCCMUZRY3cd2bwL/5/RmjNSXqtAAAAAElFTkSuQmCC']
+ ['Ponyo', 'BAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAuNJREFUOE+Nk3tI01EUx39BTytConQTt1am07m5abi5KT5S8z2dj1yOEMUC7aUgIoimlmUEWX9kBZGWaamEmE6U1BI1XNPNGTrnHs33IwuSXrL4NgcJ0mNdOHDh3PPhnPP9XoKwcroJYvMQiRSicHCQKCgUyZC9/T5rNet5KUFs0zCZbZMsFmZ9fTEjEEBDp4/KSSSb/4JoGIyWaTYbiykpWEhOxhSHAzWD0aqkUGhWAcVkW58xlvuPhfh4zItEmOHxYDR3MhcdDaNAsKJydAz5IySKRNjEUmy88vjOVaU8F0iPCqCNjEBHkC/UYaGYFwqxmJoKLYOhkxPElg0QsbNtTlmox9yjRD9UCbnoOR+J/lwRWtOCcdXfDc2BPpg0d7CQlIQZPh9KKlVkAQjJ2x2zmOSsQu7hpzUJfBhLjsNQmADjxcT10Bcl4rE4EHc5LjBEhEPn7f1WTqXSLQB/s1Tp7vslsoIkyPPiMJAbi86McBguiaHKjoEqR4jJy2K0nAxApzMN5iUGrclrKVaz2fUvuF4tRbxDKA90w5VjTFyLZKHpTBSq4/1QnxGB2qxoVIZx0JopRCPHFSNOThfWZzfrXDcZEowH4iA05ATg68hDtBaL0HAuCm3lJ9Bfcx2fFNUoi/DCjRgfNHHd1wCZA2TyXjNkE6F0cBDpPFiojeNi8EkJdFoN3vXch0nbBJOhDd907dANv8JITxNqziag3ZsJbUDAwLin50Q9QWwl1qSYoNOVvUcOoqOqAAa9Fu9H2/F9+B5WZLcwOyxFX18flLI+VASyMGVeoJHD+Tzq5BS1PoaKRrNT8127P74swsq4FCa9FKvqBqwaOiz3hdEuLKueYSyECT2LNW0eIfo3E/WmEbvnG1MUJnWdpWhDGDvxQXZHo+RR0uW2tnv+auPX+TvtJm7zKpaen/4y2yjBUlcxlvtvmvT16ZWDpQeoVv3/60F/NrHjTf4ugazIXtJ8ivjnz/sJ+yGQRjcqUdIAAAAASUVORK5CYII=']
+ ['Rabite', 'BIAAAAQCAYAAAAbBi9cAAAD/0lEQVR4Xl2MXUxbdQDFz/9+9Lb3tkBLCxTKhzgoOOZAsokbJmZxDFHnd+LL4hKVzBgfNCY++ODbjDEaZowvErOM6HRu6hKZY2rIAOkCY4OSDTpFaAsrlJa2t5+39+NvjT7tnJzknIfzI98Nf/C6TuXdguWBd1q9rcb8/CwsZiu2Ywm4nDVo3VWLZCKDaDwJq9mCg31PgjAMKKUwmcyYvTbek9iJRDm6M/XswEDjwNz6plWW6wdZhjUAintFCEEhn0N04zYskljaDLaj8ar49oUrsYR6mrFJNj322w46H8y+mitM/ZJKZmyE4XAvjJSsazpyuSzslVZIkgWKOvvRgQ6Xrdlhqmds7o7bFZoLkctreKxf7GtuCE7IyUQjBQcQ8j/lvxCGQJZz0IoCVpamTtzfIh9nwiaIrCQyjNg8mq11oDLUhNXRJfT1Ozr3tS/PqpnQ80qRgjAmKIqBfK4ItbSLKoOZqR/6neLkENlSUAIhlktvEf+sD2rkm8nWTHtvZCGMVON1ePuaoBER31/MXGly1wSqq9Uug6FluYyWXJiPqFXmjd4Dh9oF9ZKKimYXRtYCx8lmMIDIxlIPGz591av0mtanF7FcCEN6iMXeox2wOJ0QJAmUAoRQaIqCnWAQY1/ewKNGNeQuYXkm0d2NC2e+wvmRr/Hx+6+8PHayrbDyyQBNDb9As3PHKDWG6MTM23RoeJAWsqeoWvyUUv0UHf7pBB0fe4OeeXe3/vmHbx3+8dwIGJ4IsFpMMFe0fbtAn+nwZePr1u4MBK8XIALG/Rt479wYrs2vgeNNAMNgMbiNzybuoKVvn+Gs9kbr6qpBfJfGYHFIkJUCoGwfqcoMX/b27EGhwgOjoCADDlP+CA51ugFFRzoB8FYNaQ1oqKD44+eNL+wNj7zJGQSIhe8+jgQ9thk+27v/KRY6L4FSCkVOwtlQj6P73Qgt/o1ERoKt4iUkE7+jrZMHyzIoK9cOBFfT4LbWAk+0a7ZLnvqHcTNdACgFScfAcjxEdy00VQclHGo7dqGeYxHbvIo6hwhSghCehb3G5p6eW7VxXC5/xGWToMgrKKoaCnIalI9CIARasQAqloMI/x4BWrLLYwE1AEPTwCGHaGjz7pw/leZUNV8wNm9BLy6CxsvxZ1kMbaY4TKIIXlNBsynoVjvAC4CuAoYOVi+CMfLYCUfg95tPHuzZB0YtKzsb58RMucWE/fZmhCbdOP9rNnLnxko6GVoB8lFwyVVw8b/AyeulHoJyN4Rb19dTFyeqBlu6njvfsWcvOJvLs7DMmw/7bvpeE4pU2OIcgcqmp4fGAgt2Txwvqr7lTp5V7LquZxXC6+BqEvGcY5pyjaM1tffJbk89NE3FP5VQ6y7a+paZAAAAAElFTkSuQmCC']
+ ['Arch', 'BAAAAAQCAMAAAAoLQ9TAAABCFBMVEUAAAAA//8rqtVAqtUQj88tpdIYks46otwVldUbktEaldMjldM2qNcXk9IWktQZkdIYlc8mnNUXlNEZktEZlNIYktIWlNMXktE7o9klmdMXktFHqdkXk9EWk9EYk9IlmtQXlNEXktAWk9AWlNEYlNFDptkZldMYk9E4otg/p9kXktEXk9AXlNA4otclmdQXk9IYktEXlNEwn9YXk9IXk9FFp9o3otgXk9FPrdwXk9E2otdCptkXk9E/ptkcldIXk9Edl9IXk9EjmdUXk9EXk9EXk9EbldIcldIjmdMmmtQsndUvntYyn9YyoNYzoNc0odc1odc2odc6pNg7pNg9pdlDp9pJqttOrdzlYlFbAAAARXRSTlMAAQYMEBEVFhgcHR0mLS8zNTY3PT4/RU1kdXp6e3+Cg4WIiYqMjZGXl5mbnqSnrbS3zMzV3OPk7Ozv8fT29vf4+fz8/f7SyXIjAAAAmUlEQVR4XlXI1WLCUBQF0YM3SHB3a1B3l7Bx1///E6ANkDtva0jKbCW2XIH1z2hiZEZ4uUgxo7JedTQye/KN/Sb5tbJ+7V9OXd1n+O+38257TL+tah3mADAwSMM7wzQWF4Hff6ubQIZIAIb6vxEF4CZyATXhZa4HwEnEA+2QgoiyQDnIEWkjVSBBZBqXbCRlKYo8+Rwkyx54AOYfFe7HhFa7AAAAAElFTkSuQmCC']
+ ['CentOS', 'BAAAAAQCAMAAAAoLQ9TAAAB5lBMVEUAAADy8tng4Ovs9tnk5O3c7bX44LLduNO1tdDh7r/eutj43q2kocX23az07N+qqsvUqcmXl7331ZXJj7r40o/Pn8T42qP63KjNw9n21p3Y387Ml7732JzR55z05MSxtMLGn8TC4Hx8eqt8e62Af6/B4HnG4oPC4HzH44fBf7LCgbOkoMTcsrmtn8PWqcfFtKrj4Jvs2ZOz2FnMqLXT3KfY5p60Z6NUU5XRuqHzwWSywqDn3JaiiLWahrWhkry5zJjRmqm1Z6P1wmb1y319fK632mK5cKi5nH+73Gu73Gy73W283W+9eK17e6y1yZS3aqRZWJdcW5ldXJplXZppaKBwb6VwcKV5eKswL306OYNPTpGkfK+m0kGpUJWq1EnEqIuXK3+Xh7ahP4qhkryMfK6BgK+CdpGMaKKMa6O9ea2+eq6+oYW/eq+NbqWVlL2Wlr7AjanA4HnA4HrBkqbBlafB33rCgbLCmKjCxIzC1mSs1UytV5mtxIWt1lCuz2evWpuvXJywxYzHjrvH4oXIjrrN2HXO5pTO5pXUlYnUlYvVl5Hb0G7e0XTg03rhr5fpzHPpzXTp0Hvtz3/wrDHytknyt0zyuE3yuVHzvVr0wGP1x3T1yHf1yXe0ZaL2zYP30o730pD31ZeRIcF5AAAAQ3RSTlMAFBkbHEhJS0xMTk5UWWBsd4SEiIiPkJCVlZaam6CjpK29wMPDxMTFxcnK193e3+Dg4uTn5+fo6e/v8/P4+fn7/P7+J4XBAAAAAOBJREFUeF5Vj1OvAwEYBb/yGlu717atLW0b17Zt2/6nze42TTpvMw8nOZCAmwUpiIY6c5IiLi9tPX64GairqszHQ4X2VB64v1Cs6PxMPJSdHM777s6/jyaMRGiRLyyrb88OpjZ3CzAXrm1sqzSNNeN7kVBPNgB7cG51abE5l9cXDces7emQ1uadHhutFUg6gpPKkSIqQGavwz7r7O/+/3t/rSdjI9XDM3qz4fr3B/3iA0aJTG9x71+9oR/PLDwUe2wm19bly+fTIxHyEETatbPewGEw6Mk/tKZCEqSQQUlIHB/QNBEjjVN1AAAAAElFTkSuQmCC']
+ ['Debian', 'A0AAAAQCAYAAADNo/U5AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAZ5JREFUOE+Nkk0oBHEYxv8fu5GQj3JwcaDkIAc5IpR87M7MKnIVJVKclaIQ5Sy5OLkgR7n5OigcSNpmd2c2Vyfl4KT8/muWiVU79TTv+7zv837NCBF6PG1X+NpZyEYSD9mIc+tHnBPe23B9xKrCuTmbQA/JKfABrhBswa1hH4A38IwfOxPdX1qcjiCQxO5NyrjKV70TnSbeRPwJvGN3i4yyqnEucPY8ZZX9GSEgGK+RvFfyjk2VKZxzBNG8wJWWgh/xtDOeUXZ7Slr6TrSLYL9N4SMgYTTcwdc2ArvJcElhSVcM6mCNSV8n9hA59yTU5UWMG6HIbLhIWlglgWiC2L4Z79qTdo40D6ISuOWwKCWHyk9Fv8ldpUHOuGTuynwSBUynddPdlbEosVpP9Eu4FnOsRzUYNTsdmZN/d5LDiqM0w+2CMdAFFsFGWgfXxZnheqe/z+0puwEM0HHYV3Z9Sgz8TEz7GkQvpuJ/36ggj2AaHLrSlkULWV5x+h2E8xkZL16YVjGNaAUscfZ/f6c/k9ywLKI2MMcRWl0RLy007idmRbQJ7RIfDAAAAABJRU5ErkJggg==']
+ ['Fedora', 'BAAAAAQCAMAAAAoLQ9TAAABPlBMVEUAAAApQXIpQXIpQXIqQ3UpQXIpQXIpQXIpQXIpQXIpQXIpQXIpQXIpQXIpQXIpQXIpQXIpQXIpQXIpQXIpQXIpQXIqQ3QpQXIpQXIqRHYpQXIpQXIqQ3QqRHYpQXI8brT///8uTYMpQnM5Zqg5ZqnS1+I4ZaY4ZactSn8uRnYrQ3MrRXgsRHUsR3s8bbM8brMtSX4wUosxVI01XZw2X50vUIguToQvR3c6X5o6aKs6aq08Un8qQnM9VIFDWINJXohKcKlXapEqQ3UvUIc2X55bhcBdcJVgcpdhfapmd5tuk8dxgqJ1hKR5jbB6iah/m8Shudq3v9C4wNG/x9bFy9nFzNnFzNrIz9zK0NzK0t/O2+3P1eA2YaDU2eTb3+jb4Oje4urj6fHm6e/s7/Tz9fj3+fz7/P38/f3+/v83YaEa/NNxAAAAHnRSTlMABAoVGyY1SVlpeIuQsLfDzdHW4+3y8/b39/n6+vr4+ns8AAAAyklEQVR4XiWN5XrDMAxF75KOknYdZJS0klNmHjMzMzO9/wvMcH7I37mSJShsJ+5NjMT6umDoHyXDcI/2qJadh++P3cle1de+9yPe3/bTY92wzfzr7wGtP3JrAI72BZGVtcAdQlwHy+JS1pDbBE9qamZF3BYrjQxPEXwKc6dC8bXFm0QIpmt8kn0Rn093q82UCtK8oXZckwFJzuulV8bHkajPyXdbnJnARfDHs0trz+JQ+5AFvzp/L0+cL2qPAINUPrq5OC6p/64F/AMnrST+Dq/r7QAAAABJRU5ErkJggg==']
+ ['FreeBSD', 'BAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAABIAAAASABGyWs+AAAABmJLR0QA/wD/AP+gvaeTAAADXklEQVQYGQXBS2wUZQDA8f83j33M9rF9d7u4loaWklaDpkSo9KDGaIKUaGxshD2YSPRiuDVeTDyhBxosJCoa40ktpAkPDcUqAYVIpUSUPrAulEdD2bbb7e7ObGcfM/P5+4kwKDvq6yJ1FYYcvb+YAkqAHo/HQ7FYrFIoCiurq9ZXJ06YSOkA+kBzfX06bys3zHxS9EL0tXDVyZfefacqV+X/ZSJx5+qLbx98LhaL9RiGEZWlEsWC/Thd9q6Pf3vs2u6Orc83rFsvTwwfLf5obgywT1Vjh2Hh+rbNsnTssJdNLedK5aIrpSuldKVXKsnH4+Pyn6FDXn5tMef9O+3NvdkvP1V4+EYw2AoQ+KSx8dRYS6NXXnwovaItXduSrrkinWxGOmZWJi9OyOK9m1LmsjIz9IH8QUMOd3WfAQwNKCy2tJwbHB5+XasPaxIHmc4g7WWEZ1MquBiRFlJTf1E7+Tl/H/8asavPzTY1nWd2ZkMDRPeBeHPz5ojwsilEQCBvTSKunCF3M8FSNkBGVTHDYYrLj8jVNhDZ2SMa2zo3MTamaIC/u6Ojr3DtrOrvP0BpdATnyBeIhTxpR5ABUlKSUlXS1dWstbVxdz6hPL0l1quGqkLaKwNvVcjEXNRd/4mit4Z19DjefBEPyCKxgQJQcF28dBrHNDGTSZSezsjeff0hraa2Vs2vrvit81O4vj9xLJcC4ADrQA7YAGqBGsAql/EtLdFQE/L7dF1XZmdnSrbPMJfXoLDmolQK8gJyQBowgQhQDRQBD+hsraVhd4e5MH+/oExfvWLJ9q3/3S7qMpNH2hsS40kFS4EUUAMA2IANRIBXv4uzuO67c2PykqkA5YmZ6bN18YPi0Yoknxc4AsJPCMLVAk2BLKDosCWqs/PZaulkuxk9fekcUBAAQGDks5FT0W++3NuYuC0DVUL4DIEdlIQDAj0IRkigaMjArkFx0tf523sffrQHyKsAgHPhwoXLL+yP9/kePNhk5ExUTyKFkJVAUAiCFZrQup4Rv9ftuLV/6ONBYBVABQAArMvJ5MXW7duD6P62sD8UrPAFRU1TpeCpCnGvPZr7WW///v0jpw+VC9ZdAAABAAAAAMLo7drWrmQyPWG/r8tnaGIjaM05ujr16x/ZBFh5AACA/wGZnIuw4Z4A3AAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxMi0wNy0wNFQxMDowOTo0OS0wNDowMOPVpFwAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTItMDctMDRUMTA6MDk6NDktMDQ6MDCSiBzgAAAAAElFTkSuQmCC']
+ ['Gentoo', 'BAAAAAQCAMAAAAoLQ9TAAAB9VBMVEUAAAD///+AgICqqv+AgIC/v9+Ojqqii9GAgKptYZKQkOmPj/ddUYBgW4eVjeCTgfiWjO5wbJaZkvPBvepkXomYkNldV4Bzbpl6dJ+Uj7ynoO6Vi+1qZI63se2mnudjXYjOy+GCfaqZjvWlm/Pc2e+Oh7NeWIOWjfeXjeW1sd+gl+diXIfp5/KHgKnn5/F2cZx6c6ZgWoXc2e6dltrAvNu0scrX1eTOyujCvup4c5qpovVpY43///+6uPPJyPXq6fvm5vrz8/z8/P7+/v/d3PixqvmxrPSyrfe0sPO0sfS3tMve2/3r6vy6ufPz8/3d3fi3tM63tPO4tsu5tsu5tvO6tfe6t/Vva5KRjKy7tvW7t/W9vPO/vM+/vvPCwfPEw/TFwvTFxOfGxfTGxvTHxvTIx/TJx/aTiOrNzPXNzfXQzfnRzuHS0fbS0vbT0uHU0e/U0uTU0/bW0+zW1ffX1vfY1/jZ2Pjb2/jc2uSTiemVkLSlnvbe3PTe3vng3fzg3f3g4Pnh4Pnh4fri4enj4/nk5Prl5Prm4/ymn/bn5vro5/rp6O/p6funoPWsqs3t7Pvt7fXv7vzv7v3w7/nx7/3y8f3y8v3z8vytqPWuqPX09P319P319P719f339v739/34+P35+f37+/+uqev9/f6vqvSwrPQAR0dcAAAAPHRSTlMAAQIDBAgJCwwVFyAsNUFHSVBneH+Bh4mVmZmanKCxsrK2tr3ExtDW19rb4ODl5u3t7u/w8/T6+/z9/f4MkNJ1AAAA8ElEQVR4XjXNw5aDURSE0YrRtm3b54+dtm3btm3bz9k3Wek9+2pSYFwT8ibzE93hwAtdJqK3nZo4J9hFXbP+vFHOthV6gnGzstZq94wdCs4UCCDymQ2v7X0LdYoSQ0MIENRYzJbRlPTTHu73ZNAL8vivmVui98PpzuqffX0mIPHJGtOQenukteJ+aS3b9htNpDnT9TeZH1bHAwBRMhGpd6e6uNrLoRgxBKmsX47nBlp678ojpEA40fejcmW4e/No0V8IIPfj6eKgbEJ3ZUnzgE1OqWp9Q3VeWRAsg51f1dZ8c31RmAsc+N5JGbG+zvj3BzDCPrzMDC9SAAAAAElFTkSuQmCC']
+ ['Mint', 'BAAAAAQCAMAAAAoLQ9TAAACVVBMVEUAAADh4eEAAAAAAAAAAAAAAAAAAAAsLCyXl5dgYGCnp6eTk5N3d3fBwcGqqqq8vLzNzc3Ozs7Ozs7Pz8/Pz9DQ0NHR0dLS0tLS0tPT09Pf3t/Pz8/i4eLb29vZ2drZ2tna2dra2trf3t/u7O/u7e/u7O/r6+vt7O/w7/Lw8PDy8fTz8fXz8fbx8fHz8/P19fb49/j49/n6+vuPxlmWyGOx437h9NDr9eD6/fj////+/v75/vTA5Jv6/fb7/fnL5bDL5q+AxjeDxUCEzTyGxUaGzjyHxkiHzz6J0D+Kxk6K0kCLyE2M00WNy06P00mSz1OUyF+W2FGX1FiY0F6Z02CZ21ac0Wiez2yfz2+f2mOh4GCi4GOi4WKi4mOk12+k3Wul32um1Hin0nun4G6n5Gin5Wmo23Op2Huq1n+q43Cr526s4Hit23+v6XSw34Cw34Gw6nWx4IKy4IOy44Cy63ez146z34az4IWz4YW03Y217nu38H2625e645G74pK83pu98Iq984W+4ZjA4px0tzDA5ZrB8ZDC5p7D55/E947F6KHF+JHH4qvH6qTI46/K5LLL5LN1tzLL5bN1uTDL57DM5bPM6qzM66/N5rTP6LbP6bTR6rfS573T67vT7LrV7r3X68XX7MHX773Y77/Y9rvZ8cHa7cjd88bi88/j8tTk8djk9tHm8trn89vo89zo9N3p9N3p9d7p9tvq9d/s+93s/dzy+erz+O73+vT4/PX5/fT5/fX5/vN1uzB3vTD6/ff6/fh5uTj8/fv9/vr9/vx8wjV/xDmrMRH0AAAAOXRSTlMAAAECAwQJDzk/RUlNU3F0kpSVlpeYmpucnaKjpKWqqqqtu8LExMTEzdTU1NXY4evy8vP+/v7+/v6LaR1mAAABD0lEQVR4XiXI03bEABAA0KltW9kaW3eSZW3btm3btm3b/q4mp/fxgqKOtpamhrqaqoqykrQYABh+PVMU9fjE5Xp8o54kgPHN0EBHU2N5YXZykiua0HHd2759VF2Sk5IYE5GGsmCEWLV1kVWwt5O+3x/qpgsy8k4ja+cJl2/v5C22tlgCAHtw9TQSa4s+AzfPSm0BRNl9SydhWJzLC567KrNhgrNwHIJ5qTz/2f9w7Jw/DNqIjVr04exW0AEOXcN3Ab7enr9eDW2VTJgehONyc2Z8XP5YdD0Tcuhcc4/r45OjGX51TEjYPbh8THRPvbz+CHusgSZlT7rP8PkCwfQKaQUi9Igr6JsRBMFiWZgb/AHKElRzKopZJQAAAABJRU5ErkJggg==']
+ ['Osx', 'BAAAAAQCAMAAAAoLQ9TAAABrVBMVEUAAAD///////+qqqr///+ZmZn///+qqqqAgID///////+tra339/eAgICoqKjx8fGMjIzm5ubh4eGPj4/g4ODIyMiAgICSkpKLi4vS1tbPz8+Xl5eMjIypqanIyMjW1tZ2dnbR0dGamprFxcV3d3d+fn60tbV3d3dcXFx3d3epqal7fHxxcXF+foCnp6hYWFhyc3Ojo6SMjI5fX196enp+fn6Li4xERERqamqgoKFpaWmFhoeen6A/Pz9QUFCWlpeSk5SUlZWUlZaOjo+Tk5RHR0cuLi5YWFgwMDAeHh40NDQ3Nzc6OjpcXF1rbG0XFxdSU1NVVVVXV1dZWVlbW1tnZ2lwcHABAQEEBAQXFxchISI+P0BISUpaW1xHR0kNDg4qKyszNDU1NTY9Pj8NDQ1cXF4XFxhSU1QSEhIDAwMrKywtLS4uLi4wMDFHSElISEggISE0NDVJSktNTU1FRUVWVlhGRkYEBAVBQUE0NTZQUVJQUVMFBQUqKitWV1lXV1daWlpaWlw+Pj8bGxtcXV9dXV1fX19fYGFgYGBkZGRlZmhpaWlsbGxwcHB2dna844Y9AAAAV3RSTlMAAQIDAwUFBggMDhkeICMkKCgqMDIzPj9ERFBib4CCg4iMjZCcnp+jqamrw83W1tvb3ePl6Ojp6+vs7u7v8PHy9PT09PT3+vr7/f39/f39/v7+/v7+/v50ou7NAAAA30lEQVR4XkXIY3vDYABG4SepMdq2bRSz/capzdm2fvOuDO397Rw0Ly4tz2QAQPbcxuZ2E/STJwfxPhWgG355fRrVAIVb1zeP9UDLfiSwkAcADe8fn7tFxWuEXFRDoer/OgoMTRBCumj8yJwPBo8Zhpk14U856/HI8n0ZUtpZ1udrSzfVneA4roNKjdrwpcMRilb8d8G60+lKnrpWcn9bO+B23w2O8Tzfq4aiNSZJqzn5O4Kw16h06fPZ+VUlUHfo97+VAEb7rSh2UgDd4/U+TBlQY7FMj5gBIGvcarVVfQPVPTG94D0j9QAAAABJRU5ErkJggg==']
+ ['Rhel', 'BAAAAAQCAMAAAAoLQ9TAAABj1BMVEUAAAD///////8AAAD///////8AAAD///8AAAD///////8AAAD///8AAAD+/v4AAAAAAAAAAAArKysAAAD///////8AAAAAAAAAAAAAAAD///8AAAAAAAAAAAD///8AAAD///8AAAAAAAAAAAAAAAB5eXn+/v5JSUnKysrS0tJ5eXmqqqqxsrL+/v4ZCgknJyeHh4eIiIjo6OgZCAdOTk7t7e3///8GCwwPAAArKyv19fX29vb9/f0EAAD////+/v4AAAAGBgYHAAAJAAAMAAANAQAPAQAVAQFyCQV9fX2pIRzmEQjn5+cBAAAFAAAAAADnEQjvEgn////uEQjyEgnsEQjzEgnxEgljBwPaEAj9EwnwEglHBQJHBQNNBQIBAAB3CQR5CQSHCgWLCgWRCgWTCwadDAWmDAapDAa/DgfKDwjWEAgGAADh4eHiEQjmEQjmEQkKAADoEQgLAQDtEQgMAQDuEQnvEQjvEQkPAQAfAgEuAwEvAwE8BAL1Egn3Egn4Egn6Egk+BAL+/v5CBQJrB0muAAAAT3RSTlMAAAMEBAkYGhsbMTRLUmpvcHeIjLe6vcHCxM3P0NbW3Ojp6u/w9ff5+fn6+vr6+/v7+/v8/Pz9/f39/f39/f7+/v7+/v7+/v7+/v7+/v7+Q8UoNAAAAO5JREFUeF4tiwVPA0EYRL9SXIsWl+LuxfcOd2Z3764quLu788NZNrxkksmbDP2R7vH6GioLs+iffEzNXd4+TqPErUUpVqMOvwgdzMPn1rv5vPsVeufBTaBK/bH2FPvkEUuIG5jIIc+sHYn/HJ3dC/Hxuo4y8s44dzwBbFkisHN8bVIdXs6jb+H97aCwbHEIqgcml64CD7YllNkAVQC940MLYe5YzvIeQAXNrd19Roc5MdzfdQLUUKaUYyuG9I8y1g4gj6hIak4X5cBIT2MquZJrJdOqpY11ZpAiqVwbY/C7KY1cRCrZxX4pWXVuiuq/hs49kg4OyP4AAAAASUVORK5CYII=']
+ ['Sabayon', 'BAAAAAQCAMAAAAoLQ9TAAABvFBMVEUAAAAcUaYdVKwAAAAAAAUABAwWRY4YSZYhZtIhaNYHDx0KCgoFDBcKCgoRMmYSNm0fXL0fXb8AAAAYS5gaTp8fXLwgXsEGBgYFBQUZSpgZTZ4JFSgODg4IEiIOJkwOKVIkW7EnXbQLGzUTExMKGC8LHjwMIkITExMiIiIPEBEPJ00QEhMXOXAaPncOJEgoXbApXbEcHBwwMDAEAgAfHRgQDgo3NC8AAAAHBwcKCgoLCwsJCQkaGhofHx8lJSUwMDA0NDQ4ODiRkZEICQocHBweHh4GBgYHCg8mJiYnJycpKSkrKystLS0uLi4ICAgODg43NzcRERF1dXUUFBSjo6O1tbUbGxsEBAMLGS8MDA0iIiIjIyMkJCQNDQ0NHTYKCQkoKCgPDw8QEBArMDkKCgkRERIREhMxMTEyMjISIz00Njk1NTU2NjYCAgIVFRU5OTo5P0c8PD0+Pj4/QURAQEBHR0dKSkpMTExSUlJiYmJlZWVnZ2cWFhZ2dnZ4eHh8fHx9fX2FhYUXFxeVlZWXl5eYmJiZmZmcnJwZGRmlpaWrq6usrKyvr68KFiq/v7/FxcXY2Nji4uLn5+ft7e0yif9uAAAAN3RSTlMAAAApKSkqKioqg4OEhISEhoa1tra3t7y9vr7S09PT09TU+Pj5+fn5+/v7+/v7+/v7/v7+/v7+70RY/wAAAPpJREFUeF4dyWNjw2AUBeC7dfYyorM6rx1exKltzLZt2/rDa/J8OgBVVlFDX39jcTZoUqCse251a2dvu6ccUtWlanLQ4Vpel+ThlWq1l3wEz58tx4dOt1dMlAJk9A5gMjG75LHwo46hzkwosGOMbejumoRvubC9EOrMviT0E0Us9fvN9dA6zxJCNv6+ECGsb6oNWsgmpZT9/UTUZo3Em6AW34guTL4jiAudiCM1kLcw8/SmHERfT1/eueBiDqR1GK1n9w+K8nglxYxd6QAML4ztXoQuj8YFgWcgqdJp8qzty26vaboCNIxBCshyQDKov0aXr29v1ufq1PwPx5Q7bCoh6eoAAAAASUVORK5CYII=']
+ ['Slackware', 'BAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3AcEDi0qZWWDgAAAAx1JREFUOMt9kktoXHUchb/ffc1M7rySSdJMOknFPMRitLgoNKKI8ZHGKkgrjU8SitidimSh2UkXoQmoO1dGQSxJjdvOtqSaqlR0USEGSjVJGxuSmWR6M3fu4/93YX0g4rc9HA6cc4Q7DI+fpzz7PA8++2mxvZAeBZ4xhHtFcJRmXWsWvb36/OLcyxf5B/KHeYHy7DmGx1+YSDjmWTdlobTGMAStQGkNoLXS4tXDq7u7tUcWz49tA8jR8QUuzB5n5NTCV13F9JEo1JJwTLKuzU61QiOMcd0UDb+BncwQK3Rl15eNja3ui/Njq8aF2eMcO/XlBz0H8oO2ZUkum6A13WB99TtyzXlaCi24SaFa+ZFCzsG2DNnfkdbFjsI1APPhk+d6ujqznycdCxFozadYWvyMpx47wa+bPkGksKwUNnsk3TaCGASRXDZh5LpHXPPg4Rcni+3uYBxrtBbQghlscOVKmYHeEm0ZIZ9xyLffw41ND6VAa43SmjiMByzHYtjzwr9arfshxf5jOKlvKZfn8es77N2uks24PPfSFD/9Uvt7AtPKWmEU9d645eHYJo5tcKi/FX/zG+zmQxQH+rANk862DOW5N/hhaY64cJSa5xNFCgDDILZACMKYWAmh73HmzFsMlBQJ06LeiMinE1S3KzRCm5rXIIoUIoKIYCVM36urZFbEoiBLNMIhAE6/NsSB7h6SKZdL8xsUOnpx9j1KbTdARACIowArYe1ergfNT2i0mIbJys0GI6PT3N1/hJvrPxOFdRJNBQIy/FapI4Bpgohgcjuw+jq8jy8tV55MNBWI4ohS802CpizKv8q+FgALZAfYgSyAZtNro1oLaU1VvxCA029Oraxs7u/tKnXiNjn8HyKwur6lI++6vPK4V7IA7u+1Dyu1tr183ddNbkHuXP8/zEIYeFqiLRl6YO/p0bHJdflT/PD9qZa1W+ry99fcvlAlcZwUpuUAglIRYVgnDEIOlna4q0M/NPnuO1/PzMwg/045O/XeibUt5/Xangx6viSVFpK2jtMpvdyWCz+5ryf10clX3/amp6eZmJjgd441URWWJY8BAAAAAElFTkSuQmCC']
+ ['Trisquel', 'BAAAAAQCAMAAAAoLQ9TAAABjFBMVEX///8AAAAAAAAAAAAAADMAAGYAAAAAHFUAGWYAF10AImYAIGAAHloAHGMAKGsAGmYAJmYAJGEAKnUAJ1gAMXYAJnEAJGQAI2EAK28AK3cAGTEAMHgALXEALXgALG0AFUAAI2oAK3EAMngANoYALXMANIAAM4IANIIAL3gANIcANokANoQANYQAOY0ANIYANooAN4kAN40AOY0APZMANIUAOY0AO5AAPZUAPJAAP5MAPpQAQJUAOYsAPpYANoUAPpoAPpUAM4AAQJkAPZIAPJEAQpgAN4cAPpQAPZUAPJEAO4oAOosAOo8AQJoAOYsAO44AQpsAO48AQp0AP5UAQpoARJwAQ58ARaAAQZgAQ54AQ50AQpgARaIARqMARaMARaIAR6QARaIARaEASakARKEAR6MASqsARKEASKcAR6MARqYAR6UATbEATa8ARqUARKAAR6oARqMASKgATK8AR6QATbIATbAASq0AR6cASKgASqwAR6UASKcATa8ASqoASqwAS6wASKoAS60ATbHn4CTpAAAAhHRSTlMAAQIFBQUGCQoLDxAREhMUFBUYGhobHB0eHh8gIiIjJCQkJCYoLC0xMTE0NDo6Oz1BQUNHSUxOVFVVVldaWl5iY2RkZWZoamtsb3FycnR1ent9f4KDhIiJioyNkJGYm5+foqOkpqamqKmqrKytsLKzs7e4uLy8v8TFxcXGx8rO0NXY2eZc4XYcAAAA00lEQVR4XkWN1VoCUQAG/3NWtwh7CTsQJOyk7BaDxuxA6bbrxf32gt25m7kZqDRYxziooDV7+1AalMUavQh2AsEZoWvzigLun+T17/c8QiJZ7qu2QKiNmyZthdcR1/as353jIeU1GxMHo5XHdqPFeX8IaDMdHPYN6dRN7LR4qQewdTa35HWkyh+fbxERAMjwlAWJv3CPSKDQ+H7XvHdkV4Pua3Gtm4sPKIF/WV8dop4VKBw/NU33B3x1JbTt+XwhkJQoqRfWvHOy28uqH8JIdomR/R+s9yR3Cso77AAAAABJRU5ErkJggg==']
+ ['Ubuntu', 'BAAAAAQCAMAAAAoLQ9TAAABKVBMVEX////ojFzplGf1zbnqnHLvs5P10b3yuZv1xKrytZXvtJXys5LysI32waT0n3HxiVHwg0jxhk31kFn0h0zxf0P0hUrveTv2iU3yfkD1hEfyejv5eDLybSX0aR7zZxvyayH6ZxnxZBj4YhH7XAb5WALlUQLeTwHgUAHeTgHfTwD65NzdTQDdTQHdTgD31MfcTgLcTADcTQD////xt5/31Mf54dfmfE/dUAbeVQ/jcUDcTgHeWBnnflHohFvpjGbqkGztnX342Mz53dLgXiP65d399PHdUgrtoYLyu6Xzvaf76eLfXB/rkm/fWhvupojwrpTeVhTgYSfgYynzwa30xbL1ybnngFT31snngljhZS3539XhZzDiajbibDn77OX88Ovrl3X99vTjbz1fisGCAAAAMHRSTlMABgYGBwcHJiorMDA1NXGHjY2Nl5mZmZyfn6O5u8XHzc3X193j9fj4+vr6/f39/f08OUojAAAAx0lEQVR4Xi3HZVbDYBhGwQctWqzFPXiQ+36pu+LubvtfBKcN82/UEhld2vWXxyL6F92gbTPabse8hU/uHMx1SZoyyJWPTwq1Rs7GpYE9+Cg+OJcs1MHvU9y4fnrN31yUm18vMCIPjtw3QMndw4rs8ieVzAAcBlewpe1KM3uaBuD3Dda1BhWXAsi6AFY1a2SqifxZ+rnxWYcJDRkUS3fO1R5vwe+XZgw4D4L3RAJiknoXCVX3WeiUpJ5pIxTvVmg45pl5k4Ot/AGV2iqZBWgJJAAAAABJRU5ErkJggg==']
+ ['Windows', 'BIAAAAQCAYAAAAbBi9cAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAA+pJREFUOE+F0n84FHYcB3CWSsL9ojo/6ik64c6PnTjmSS0limmrpBm2G002y++xzXRz6zE0R4nbw+RnTj/WD4sbanLkkAe55ccYlyNme4SrO9u9d13PI3/saZ+/vs/3831ez+f9eb5aWsuqy2mjRYeNUa7YmtjfTico7jNJ8z0eG24NB9vvnDrvufzpq89Npnr8VjMddNmuRh9rDfp36mFg91oM7qPIc5JdbDJq3An/JfCu7Hl53W2lpS220pP2OuniN299jAYbYizSENIoAgbCTdrTKtxOJVdvGo8psUwKy7Vxe4ez1YEVudGP8YEZzyveInFJ6mZRHHqYazDspw/pJwTIuERM5JIwmUdGdyo9K7/BszGzzg6fXzZHGJ8KvzQqXKOpoIeZLjofWR++BPWyCEnPY4xFGEKWQcLjMjKmr1MwfcMYwmz/Y4KOgNki0V5k1dkjUWCK93Kp2PMFFawos8cm1gZ2GqjLXktL4mbQPHLQ4B9ZDFE5+S356fQlyuJMqzH++HnTo6ui2OO1ko9Ul+4fxfd3d4F7k4YTReqpuFS88bGZUE2QNNDobuIq8Q5CduHb7lFJaTnvnym9ergjMWD/FG8zf+aKS3G9JO5C01Asah6wUXrvALKEDoitMMHhDKrKJdg8RU2s0EB2EWWur8dd7PDPFv6dUC0Gv3kAN36VPRGP/5k5NS6lljWxG0TDiSr1VKhoPwhevRMSqkwRxDObc/DavGtpP6zoi8XOyZfhnyNEvKANBU0P8VPfI/wyNCGXSn7wlEmyA9KrgmOKGth3eDVvPfyywq2dnUEv2R9qG2rLsH7xJXziKnWcI8tlTvEC7Mu8hROlImTU9aKqcwQ1vWOihWFu+sJknmph5CvxQh87c7bNh/NXo03hrMCosyvLmMNgMF7TQL6J1dsZIUVwjKqEO+cajp5vxPN439U/gKBt8PTcYHzL/BgHCyOf4unAISj6mFC2bYC82kB5Ls460NHRUVsDeYSXpGw7UgC7sAtwShDgzdM38W7BbURXtqpqhfmB8sEQuXwoCM/6faGQuGCxyxyKWhIm+PrSD495WL3cT0hhi8Whc3NbAs9KaOyCTvrJ8qkdX19XBeTUDU00+55USFzVU2yHstcaix0mUAjJkJeuRU868Ucmk0lcguiBnMAVxjbbdHV1yeq8+u4Hgo22huSG+iQXp83ftaxW3lsPZcs6KG5T8OwaAfJiPcxlrVRVRhvF02i0F/t5VbHZ7JWDfErKTLnhE3mFPuRFepg/uxqz6TqLv6euGj3ut87t/4ylvre3t3ZehOWWO1zjSFEqMVP4GfGb/DBykJcjmaZOoLsc+hcVY/LaAgcTQAAAAABJRU5ErkJggg==']
+ ['OpenBSD', 'BAAAAAQCAYAAAFo9M/3AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3AoYAykIPu64pQAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAADTklEQVQ4y32RXUxTdxjGn3N6eujoKT3SUkuk3VoBGfVjgFXAsZ7WkipyYXQbuu3CzUXZmGRbssnFEseFkWzgcGzGXky9MWL8TsC4IeFgtK4oAqOnG5vMVl1pCMVWQD7b/y5M6jLdflfvxfPked/nBQA0NDSChqnGVrLuGkES742NhJAdhAKAuk9yyUs5Gry7RQMZAARCWgivpQiPe71P5DUfH0xaqTL7m/iiLkJmphawa+e4SM2PvUyC4yUIBu8CnAQKAK53rCA5OUtQtStVpJ4Gw/FOBddZVKhCfq4MP4n6+at+DUsJm/e0G9JZzYEvI2tHwlEYjDxomkZ+3nG8WroRtHihZVOhVlorDQzh0okhcByDP4ZGcf+X9XAsvY5/RsBa7Kq5H/CqLctKyl/g08S2i6fq8W/MS3P34T9wNDVYSeDX1eTD9xhiLXbtB/Akwmmv6Kr+ICFkLpGhtNSM3qsSstS3oX8lSsmsxS6ZVn3j6PvVVqhUcvC8AtPxVPxwygVKvngN89WOjgVprggGA4eenjB4nsXsTASpC63I0wVTZYPR11FoKRB8Ax54PCFk6BhMTk5CPR3GSbHouGzknr/bYFq9EAvfc9Tu1sLjHcXNKxLuTOTgzOlOe7IHBc/beAXWpWmXlz8a84nhcLQ+ecVzsAEQrMWuMX+f9HZF2YPZ28FVSNfoPWqOzMUmqYMAJm7+/OOzXQFwHGpyEV+vi+yvtxBC9pDmpgJC4tvI3mo9GTitIxvW24nT7ug67HY/3eDs2bbyrVsrY2day70rV6kRfDAHk5lDLJqAmmeRiD9GJDKHvwb74R8G0mkTPjrQTTG122xkTTbwaV2b1H4u16JQKXGr7yG2b8/H1MQ09IsTSEmRwzf4CCwzD+dmE1re8CI7wwi5XNlFf9vaTXX4dWJg4LLl7h05fpNGwNAMWpp9CIVYNO/tRCzGwpDFQaVMQTS2CKY0BWr3GVGWNSXKACDDaA4Mh976pq9f5Sy09GgKlmeAMIBKzUKpU+BFoxJecRhUfAbMxDi4eADfHVmE79v7q575gvvYeVvjZ58LD5mwsKUyX0hnf0feslnQCWD4zxnc6reKisxsfH2oscqcmTmK/+Ow252cna7K52r+Bky6PqmoT5HBAAAAAElFTkSuQmCC']
+ ['Gnu', 'BAAAAAQCAYAAAFo9M/3AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3AoYAywUV5gQrwAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAADcElEQVQ4y43Tb0jjBRzH8c9v+7nNMebcUW21Cc78g/wcuhByIScoMRwoTBmFlZCmIJ14axqkgoYIkXIqKIVBEuJNUBEUPRlpqDC3Q2Ex0nTezun2YOaPLXNIv7Vvj7zgiOj1+PPk/eADjuNEuHN6ekqMw+H4IzMz8xChUCjV1NT0JbO7uxtfXFy8NZvNr21tbd0AAEQikY6I0m1tbQbx2NjYZiqV+vn29jY+PDw8xhYWFj45PDzcb25uhlQqfSTief6X0dFRpqKigvF4PPPipaWlY7lcXhCLxXJnZmY+ZTY2NnzX19ePGxsbHw0MDLivrq5mc3Jy2pPJZLVWq/2cdbvdDSzLholoNJ1OMy6Xq0Ymk5HNZktOTU29qMgA8HYqlaKDgwNKp9M0PT09BgAM/iGuqqoimUx2yPP8U5/P9wEAMB0dHRUKheJHiUTyeGhoqAUAnE7nR0qlsjcQCLwjlsvlz+bm5mQWi0VSWlr6bXV1tU6hUMj6+/vfN5lMN0xxcfG1zWZ7SETTSqWSGhoamPHxcajV6s+8Xu9Xou7u7t9VKtW00+mkSCTC6PV6aDQa8Dw/Wl9fP8UAQCgUosvLSyovL2eWl5dRUFBw7Ha7v9vc3By5K3g1EAg8FQSBiIguLi4IgBwA2LtEjuPuJxKJ62AwKFpdXf0eQBIvYVmW/cLlchEAWK1WAADT09NzX6PR/OTz+eKVlZUzKpVqTyqVvsnzfLCkpGSrtrb2t97eXnFeXl5ZKpWyZ2RkPPP7/UUnJyefGI3GU+zt7aU4jotOTk7mAUBfX1+b1Wq9kcvlBIAcDgctLCyQxWKhoqIi6uzs/BoAVlZW3qqpqbllZmdnf1hfX//Q4/HEzWbzX+3t7fcMBgMFg0EYjUYmEolAEAREo1Hk5+fT+fk5Mzg4GD86OpJ0dXXJGQBoaWl5Ra/XP6yrq3tQVlam2N7ehslkAsuySCaTUKvVSCQS2NnZSXAcJxYEQTEyMvKeIAhLDADY7fZ7BoPhm6ysLFpbWzuan5//WKvVvsHzPEWjUSYSiSA3N5d0Oh0TjUaf+/1+S2Nj46/4FwYAr7e2tnbF4/E/iYjC4TCFw+F0LBaj/f19mpiYeID/IAagAyABYLXb7cLZ2Rml02nyer3POY6rwv8hEr34u0IkEk1mZ2cTgGMA7768/RtL5JKsGzrLIgAAAABJRU5ErkJggg==']
+ ['CrunchBang', 'BYAAAAQCAQAAAC45EetAAAA8ElEQVR4XnWOsUpCYQBGz1TIHYu2Qix6g0DEtSeQu/UIISJtUS8gJq61F1wcdMohcBDxKUR8hsz1xA/y44/cs3znbB+RJ0Skl3pSkeFQbUs79VAPzrwPFRmN1Ja0Ug/16I93+1oi4lKte+zMXv32WuoAm43lXMrqzbFncgWw21lORf4+/PREKpAhYqZuPXZ+T/3yXbZEajV1JavUQ104sRcq0myqc5mnHurWqc/7yhExVwuPncl+C4Bu13L60ueAwcByOtLhgAIRCzU38fRGTmSxUBvSSD3Ui1NvQkXWa7Uq1dRD9R17HiqyRUSy1NP6B7e1Yu2GtlUKAAAAAElFTkSuQmCC']
+ ['Yuno', 'BgAAAAPCAYAAAD+pA/bAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAABDtJREFUOE+FlHtMm1UYxrtsi8aEgCb+oTFmZur+WNS5RaPERU10C2qGaBgb6hgwLwMmHTIKlIKlQIHSQrmU24BSSmnpBVooUmihtEC5yKWDjVu5uOkcEca4lG5E93j6EQmELX7Jky/fOed9fu973vMdGu0xT3Cgz57yXMZLDdXcy821PFWLKmuA6HqLMqtLX5POl4iYb2ukWW8IOOFe/qfe3/M4n0eOjwyZD8//bldODOk37N1yDJgl+LVdjEGLFKO9KkzZm8hbje7mIrTXZ7sMtTydrJh15H8hHW11XvN/jGS7VudcD5w34ZZzeQYb67fwYO03LN4exo1+LWzNxbA05O5QuzbHqRYn+++CHDx4YK9WLfaedfQzV5em54g5Zbi8OIml+VFMDLWQ7GXoaSmFWZsDZVGCO2u0EbkhHTrhFqi9PmelSsQ8tAtSVch60dpUeGe4kxgZxegzVkBzlQ2NKBG2+iJIMqMok9r8OLRIMqApToSqmAWTmk9B2+o2YW79oshU7ABcuvAFrVGWXkVKpBYoSaBSxIS2mINpiwbjZiUMZRloVfJQyaXDKObBpimBScpHFe8KmmXpaKhK3arGrBVuVBclHN2CiPNin1OVs1tVJYlQlyZBxA6DviQVo6ZaOKd7sTplw53BVugruBBzfsRslw7rZPxaczWutSpQV/gzJPxo1JexyfaxKBBpuiEx+tw+CpKdEvGWTprGlhcwqbIzL5/DYKMYndpK3L1hxf3ZfkrzwybUZjPhnOqmvlcmutFF1jis9QSShOrcWNSXJ1MA0ou/NZWc8Ddfe4VGO3bk0JON1dyMMlK+gmxNrZCFhZF2Kng7YNO0awt4b7wLNp2EqtAsF6ImP56SG0B6siovTYpIjg15gapCVhAfJRUyIBFEo6k8AyuTtkcC/qvG/XbDexulWJvqgYH0o0nKhVHFJ40XwFQnWM5OCX+XMg86c3KvVMSMapCmPpSTIygTxGKZZOcOXhrr3Mp4uzkFuG6B3ajE3TELDDU8qEmsmvRATxquKkxAnSTFjwKEfv3JU9JC5unG6rQ1bTkbQ4Yq/DVgxOqwBWt2K9Yne3ZCZvrgHO2k5paHzOhSiVCZSkdNTgzy40JRlPgDhDHBCxUZdCs91G8fLeK87zOl6XSOICZYXMGNhDqX9fDP/mbK2DXVi/szm03eLpejl5pzOfqwOt4JBT8OeYwQt/4R/BR0OzXiLCM5LOCji/4nXt46rpywgG+zor5RxgSdupBzJdglSY+5ZZbl3XNY6mbn7W0Lcx06zBg1WBjtcC6OmG+OmRTrFrnIUZESZeVeCpwh8TpiPsQ47/tloM97T+/6m8mg55mT3tStyL54mhlwwtszNvjzD8/6HH8i7PvvPPRioZdRWuDBZUR6pEWG7I8P9Xs1Jsj36MfvvO5J/+rTw58dP7afJPfBgeef3XGz/gskFVpJc4HwGwAAAABJRU5ErkJggg==']
+ ]
+
+
Banner =
init: ->
$.asap (-> doc), ->
@@ -186,10 +517,14 @@ Rice =
init: ->
$.ready ->
Rice.nodes d.body
+
+ Post::callbacks.push
+ name: 'Rice Checkboxes'
+ cb: @node
checkclick: ->
@check.click()
-
+
selectclick: ->
e.stopPropagation()
if Rice.ul
@@ -244,7 +579,7 @@ Rice =
return
node: ->
- Rice.checkbox $ '.postInfo input', @
+ Rice.checkbox $ '.postInfo input', @el
checkbox: (input) ->
return if $.hasClass input, 'riced'
@@ -254,13 +589,1174 @@ Rice =
div.check = input
$.after input, div
if div.parentElement.tagName.toLowerCase() != 'label'
- $.on div, 'click', Rice.click
+ $.on div, 'click', Rice.checkclick
select: (input) ->
$.addClass input, 'riced'
div = $.el 'div',
className: 'selectrice'
innerHTML: "
+
#{input.options[input.selectedIndex].textContent or null}
"
- $.on div, "click", (e),
-
+ $.on div, "click", (e) ->
+ Rice.selectclick
+
$.after input, div
+
+###
+ JSColor
+ http://github.com/hotchpotch/jscolor/tree/master
+
+ JSColor is color library for JavaScript.
+ JSColor code is porting from AS3 Color library ColorSB < http://sketchbook.libspark.org/trac/wiki/ColorSB >.
+###
+
+JSColor =
+ css: ->
+ agent = Style.agent
+ """<%= grunt.file.read('css/jscolor.css') %>"""
+
+ bind: (el) ->
+ el.color = new JSColor.color(el) if not el.color
+
+ fetchElement: (mixed) ->
+ if typeof mixed is "string" then $.id mixed else mixed
+
+ fireEvent: (el, evnt) ->
+ return unless el
+
+ ev = document.createEvent 'HTMLEvents'
+ ev.initEvent evnt, true, true
+ el.dispatchEvent ev
+
+ getRelMousePos: (e = window.event) ->
+ x = 0
+ y = 0
+ if typeof e.offsetX is 'number'
+ x = e.offsetX
+ y = e.offsetY
+ else if typeof e.layerX is 'number'
+ x = e.layerX
+ y = e.layerY
+ x: x
+ y: y
+
+ color: (target) ->
+ # Read Only
+ @hsv = [0, 0, 1] # 0-6, 0-1, 0-1
+ @rgb = [1, 1, 1] # 0-1, 0-1, 0-1
+
+ # Writable.
+ # Value holder / Where to reflect current color
+ @valueElement = @styleElement = target
+
+ # Blur / Drag trackers
+ abortBlur = holdPad = holdSld = false
+
+ @hidePicker = ->
+ if isPickerOwner() then removePicker()
+
+ @showPicker = ->
+ unless isPickerOwner() then drawPicker()
+
+ @importColor = ->
+ unless valueElement
+ @exportColor()
+ else
+ unless @fromString valueElement.value, leaveValue
+ styleElement.style.backgroundColor = styleElement.jscStyle.backgroundColor
+ @exportColor leaveValue | leaveStyle
+
+ @exportColor = (flags) ->
+ if !(flags & leaveValue) and valueElement
+ value = '#' + @toString()
+ valueElement.value = value
+ valueElement.previousSibling.value = value
+ editTheme[valueElement.previousSibling.name] = value
+
+ setTimeout -> Style.themeCSS.textContent = Style.theme editTheme
+
+ if not (flags & leaveStyle) and styleElement
+ styleElement.style.backgroundColor = '#' + @toString()
+
+ if not (flags & leavePad) and isPickerOwner()
+ redrawPad()
+
+ if not (flags & leaveSld) and isPickerOwner()
+ redrawSld()
+
+ @fromHSV = (h, s, v, flags) -> # null = don't change
+ @hsv = [
+ h =
+ if h
+ $.minmax h, 0.0, 6.0
+ else
+ @hsv[0]
+ s =
+ if s
+ $.minmax s, 0.0, 1.0
+ else
+ @hsv[1]
+ v =
+ if v
+ $.minmax v, 0.0, 1.0
+ else
+ @hsv[2]
+ ]
+
+ @rgb = HSV_RGB(h, s, v)
+
+ @exportColor flags
+
+ @fromRGB = (r, g, b, flags) -> # null = don't change
+ r =
+ if r?
+ $.minmax r, 0.0, 1.0
+ else
+ @rgb[0]
+ g =
+ if g?
+ $.minmax g, 0.0, 1.0
+ else
+ @rgb[1]
+ b =
+ if b?
+ $.minmax b, 0.0, 1.0
+ else
+ @rgb[2]
+
+ hsv = RGB_HSV(r, g, b)
+
+ if hsv[0]?
+ @hsv[0] = $.minmax hsv[0], 0.0, 6.0
+
+ if hsv[2] isnt 0
+ @hsv[1] =
+ unless hsv[1]?
+ null
+ else
+ $.minmax hsv[1], 0.0, 1.0
+
+ @hsv[2] =
+ unless hsv[2]?
+ null
+ else
+ $.minmax hsv[2], 0.0, 1.0
+
+ # update RGB according to final HSV, as some values might be trimmed
+ @rgb = HSV_RGB @hsv[0], @hsv[1], @hsv[2]
+
+ @exportColor flags
+
+ @fromString = (number, flags) ->
+ m = number.match /^\W*([0-9A-F]{3}([0-9A-F]{3})?)\W*$/i
+ unless m
+ return false
+ else
+ if m[1].length is 6 # 6-char notation
+ @fromRGB(
+ parseInt(m[1].substr(0, 2), 16) / 255
+ parseInt(m[1].substr(2, 2), 16) / 255
+ parseInt(m[1].substr(4, 2), 16) / 255
+ flags
+ )
+ else # 3-char notation
+ @fromRGB(
+ # Double-up each character to fake 6-char notation.
+ parseInt((val = m[1].charAt 0) + val, 16) / 255
+ parseInt((val = m[1].charAt 1) + val, 16) / 255
+ parseInt((val = m[1].charAt 2) + val, 16) / 255
+ flags
+ )
+ true
+
+ @toString = ->
+ (0x100 | Math.round(255 * @rgb[0])).toString(16).substr(1) +
+ (0x100 | Math.round(255 * @rgb[1])).toString(16).substr(1) +
+ (0x100 | Math.round(255 * @rgb[2])).toString(16).substr(1)
+
+ RGB_HSV = (r, g, b) ->
+ n = if (n = if r < g then r else g) < b then n else b
+ v = if (v = if r > g then r else g) > b then v else b
+ m = v - n
+
+ return [ null, 0, v ] if m is 0
+
+ h =
+ if r is n
+ 3 + (b - g) / m
+ else
+ if g is n
+ 5 + (r - b) / m
+ else
+ 1 + (g - r) / m
+ [
+ if h is 6 then 0 else h
+ m / v
+ v
+ ]
+
+ HSV_RGB = (h, s, v) ->
+
+ return [ v, v, v ] unless h?
+
+ i = Math.floor(h)
+ f =
+ if i % 2
+ h - i
+ else
+ 1 - (h - i)
+ m = v * (1 - s)
+ n = v * (1 - s * f)
+
+ switch i
+ when 6, 0
+ [v,n,m]
+ when 1
+ [n,v,m]
+ when 2
+ [m,v,n]
+ when 3
+ [m,n,v]
+ when 4
+ [n,m,v]
+ when 5
+ [v,m,n]
+
+ removePicker = ->
+ delete JSColor.picker.owner
+ $.rm JSColor.picker.boxB
+
+ drawPicker = (x, y) ->
+ unless p = JSColor.picker
+ elements = ['box', 'boxB', 'pad', 'padB', 'padM', 'sld', 'sldB', 'sldM', 'btn']
+ p = {}
+ for item in elements
+ p[item] = $.el 'div', {className: "jsc#{item.capitalize()}"}
+
+ p.btnS = $.el 'span', {className: 'jscBtnS'}
+ p.btnT = $.tn 'Close'
+
+ JSColor.picker = p
+
+ $.add p.box, [p.sldB, p.sldM, p.padB, p.padM, p.btn]
+ $.add p.sldB, p.sld
+ $.add p.padB, p.pad
+ $.add p.btnS, p.btnT
+ $.add p.btn, p.btnS
+ $.add p.boxB, p.box
+
+ # controls interaction
+ {box, boxB, btn, btnS, pad, padB, padM, sld, sldB, sldM} = p
+ box.onmouseup =
+ box.onmouseout = -> target.focus()
+ box.onmousedown = -> abortBlur=true
+ box.onmousemove = (e) ->
+ if holdPad or holdSld
+ holdPad and setPad e
+ holdSld and setSld e
+
+ if d.selection
+ d.selection.empty()
+ else if window.getSelection
+ window.getSelection().removeAllRanges()
+
+ padM.onmouseup =
+ padM.onmouseout = -> if holdPad
+ holdPad = false
+ JSColor.fireEvent valueElement, 'change'
+ padM.onmousedown = (e) ->
+ # If the slider is at the bottom, move it up
+
+ if THIS.hsv[2] is 0
+ THIS.fromHSV null, null, 1.0
+
+ holdPad = true
+ setPad e
+
+ sldM.onmouseup =
+ sldM.onmouseout = -> if holdSld
+ holdSld = false
+ JSColor.fireEvent valueElement, 'change'
+ sldM.onmousedown = (e) ->
+ holdSld = true
+ setSld e
+
+ btn.onmousedown = ->
+ THIS.hidePicker()
+
+ # place pointers
+ redrawPad()
+ redrawSld()
+
+ JSColor.picker.owner = THIS
+ $.add ThemeTools.dialog, p.boxB
+
+ # redraw the pad pointer
+ redrawPad = ->
+ # The X and Y positions of the picker crosshair, based on the hsv Hue and Saturation values as percentages and the picker's dimensions.
+ JSColor.picker.padM.style.backgroundPosition =
+ "#{4 + Math.round (THIS.hsv[0] / 6) * 180}px #{4 + Math.round (1 - THIS.hsv[1]) * 100}px"
+
+ rgb = HSV_RGB(THIS.hsv[0], THIS.hsv[1], 1)
+ JSColor.picker.sld.style.backgroundColor = "rgb(#{rgb[0] * 100}%, #{rgb[1] * 100}%, #{rgb[2] * 100}%)"
+
+ return
+
+ redrawSld = ->
+ # redraw the slider pointer. X will always be 0, Y will always be a percentage of the HSV 'Value' value.
+ JSColor.picker.sldM.style.backgroundPosition =
+ "0 #{6 + Math.round (1 - THIS.hsv[2]) * 100}px"
+
+
+ isPickerOwner = ->
+ return JSColor.picker and JSColor.picker.owner is THIS
+
+ blurTarget = ->
+ if valueElement is target
+ THIS.importColor()
+
+ blurValue = ->
+ if valueElement isnt target
+ THIS.importColor()
+
+ setPad = (e) ->
+ mpos = JSColor.getRelMousePos e
+ x = mpos.x - 11
+ y = mpos.y - 11
+ THIS.fromHSV(
+ x * (1 / 30)
+ 1 - y / 100
+ null
+ leaveSld
+ )
+
+ setSld = (e) ->
+ mpos = JSColor.getRelMousePos e
+ y = mpos.y - 9
+ THIS.fromHSV(
+ null
+ null
+ 1 - y / 100
+ leavePad
+ )
+
+ THIS = @
+ valueElement = JSColor.fetchElement @valueElement
+ styleElement = JSColor.fetchElement @styleElement
+ leaveValue = 1 << 0
+ leaveStyle = 1 << 1
+ leavePad = 1 << 2
+ leaveSld = 1 << 3
+
+ # target
+ $.on target, 'focus', ->
+ THIS.showPicker()
+
+ $.on target, 'blur', ->
+ unless abortBlur
+ window.setTimeout(->
+ abortBlur or blurTarget()
+ abortBlur = false
+ )
+ else
+ abortBlur = false
+
+ # valueElement
+ if valueElement
+ $.on valueElement, 'keyup input', ->
+ THIS.fromString valueElement.value, leaveValue
+
+ $.on valueElement, 'blur', blurValue
+
+ valueElement.setAttribute 'autocomplete', 'off'
+
+ # styleElement
+ if styleElement
+ styleElement.jscStyle =
+ backgroundColor: styleElement.style.backgroundColor
+
+ @importColor()
+
+MascotTools =
+ init: (mascot = Conf[g.MASCOTSTRING][Math.floor(Math.random() * Conf[g.MASCOTSTRING].length)]) ->
+
+ Conf['mascot'] = mascot
+ @el = el = $('#mascot img', d.body)
+
+ if !Conf['Mascots'] or (g.CATALOG and Conf['Hide Mascots on Catalog'])
+ return if el then el.src = "" else null
+
+ position = "#{if Conf['Mascot Position'] is 'bottom' or !(Conf['Mascot Position'] is "default" and Conf['Post Form Style'] is "fixed")
+ 0 + (if (!g.REPLY or Conf['Boards Navigation'] is 'sticky bottom') and Conf['4chan SS Navigation'] then 1.6 else 0)
+ else
+ 20.3 + (if !g.REPLY or !!$ '#postForm input[name=spoiler]' then 1.4 else 0) + (if Conf['Show Post Form Header'] then 1.5 else 0) + (if Conf['Post Form Decorations'] then 0.2 else 0)
+ }em"
+
+ # If we're editting anything, let's not change mascots any time we change a value.
+ if Conf['editMode']
+ unless mascot = editMascot or mascot = Mascots[Conf["mascot"]]
+ return
+
+ else
+ unless Conf["mascot"]
+ return if el then el.src = "" else null
+
+ unless mascot = Mascots[Conf["mascot"]]
+ Conf[g.MASCOTSTRING].remove Conf["mascot"]
+ return @init()
+
+ @addMascot mascot
+
+ if Conf["Sidebar Location"] is 'left'
+ if Conf["Mascot Location"] is "sidebar"
+ location = 'left'
+ else
+ location = 'right'
+ else if Conf["Mascot Location"] is "sidebar"
+ location = 'right'
+ else
+ location = 'left'
+
+ filters = []
+
+ if Conf["Grayscale Mascots"]
+ filters.push '
+
++
+
+
+ Save Mascot
+
+
+ Close
+
+"
+ for name, item of layout
+
+ switch item[2]
+
+ when "text"
+ div = @input item, name
+ input = $ 'input', div
+
+ if name is 'image'
+
+ $.on input, 'blur', ->
+ editMascot[@name] = @value
+ MascotTools.addMascot editMascot
+ Style.addStyle()
+
+ fileInput = $.el 'input',
+ type: "file"
+ accept: "image/*"
+ title: "imagefile"
+ hidden: "hidden"
+
+ $.on input, 'click', (evt) ->
+ if evt.shiftKey
+ @.nextSibling.click()
+
+ $.on fileInput, 'change', (evt) ->
+ MascotTools.uploadImage evt, @
+
+ $.after input, fileInput
+
+ if name is 'name'
+
+ $.on input, 'blur', ->
+ @value = @value.replace /[^a-z-_0-9]/ig, "_"
+ unless /^[a-z]/i.test @value
+ return alert "Mascot names must start with a letter."
+ editMascot[@name] = @value
+ MascotTools.addMascot editMascot
+ Style.addStyle()
+
+ else
+
+ $.on input, 'blur', ->
+ editMascot[@name] = @value
+ MascotTools.addMascot editMascot
+ Style.addStyle()
+
+ when "number"
+ div = @input item, name
+ $.on $('input', div), 'blur', ->
+ editMascot[@name] = parseInt @value
+ MascotTools.addMascot editMascot
+ Style.addStyle()
+
+ when "select"
+ value = editMascot[name] or item[1]
+ optionHTML = "#{item[0]}
"
+ div = $.el 'div',
+ className: "mascotvar"
+ innerHTML: optionHTML
+ setting = $ "select", div
+ setting.value = value
+
+ $.on $('select', div), 'change', ->
+ editMascot[@name] = @value
+ MascotTools.addMascot editMascot
+ Style.addStyle()
+
+ when "checkbox"
+ value = editMascot[name] or item[1]
+ div = $.el "div",
+ className: "mascotvar"
+ innerHTML: ""
+ $.on $('input', div), 'click', ->
+ editMascot[@name] = if @checked then true else false
+ MascotTools.addMascot editMascot
+ Style.addStyle()
+
+ $.add $("#mascotcontent", dialog), div
+
+ $.on $('#save > a', dialog), 'click', ->
+ MascotTools.save editMascot
+
+ $.on $('#close > a', dialog), 'click', MascotTools.close
+ Style.rice(dialog)
+ $.add d.body, dialog
+
+ input: (item, name) ->
+ if Array.isArray(editMascot[name])
+ if Style.lightTheme
+ value = editMascot[name][1]
+ else
+ value = editMascot[name][0]
+ else
+ value = editMascot[name] or item[1]
+
+ editMascot[name] = value
+
+ div = $.el "div",
+ className: "mascotvar"
+ innerHTML: " then (if Style.lightTheme then mascot.image[1] else mascot.image[0]) else mascot.image})
"
+
+ $.add d.body, el
+
+ save: (mascot) ->
+ {name, image} = mascot
+ if !name? or name is ""
+ alert "Please name your mascot."
+ return
+
+ if !image? or image is ""
+ alert "Your mascot must contain an image."
+ return
+
+ unless mascot.category
+ mascot.category = MascotTools.categories[0]
+
+ if Mascots[name]
+
+ if Conf["Deleted Mascots"].contains name
+ Conf["Deleted Mascots"].remove name
+ $.set "Deleted Mascots", Conf["Deleted Mascots"]
+
+ else
+ if confirm "A mascot named \"#{name}\" already exists. Would you like to over-write?"
+ delete Mascots[name]
+ else
+ return alert "Creation of \"#{name}\" aborted."
+
+ for type in ["Enabled Mascots", "Enabled Mascots sfw", "Enabled Mascots nsfw"]
+ unless Conf[type].contains name
+ Conf[type].push name
+ $.set type, Conf[type]
+ Mascots[name] = JSON.parse(JSON.stringify(mascot))
+ Conf["mascot"] = name
+ delete Mascots[name].name
+ userMascots = $.get "userMascots", {}
+ userMascots[name] = Mascots[name]
+ $.set 'userMascots', userMascots
+ alert "Mascot \"#{name}\" saved."
+
+ close: ->
+ Conf['editMode'] = false
+ editMascot = {}
+ $.rm $("#mascotConf", d.body)
+ Style.addStyle()
+ Options.dialog("mascot")
+
+ importMascot: (evt) ->
+ file = evt.target.files[0]
+ reader = new FileReader()
+
+ reader.onload = (e) ->
+
+ try
+ imported = JSON.parse e.target.result
+ catch err
+ alert err
+ return
+
+ unless (imported["Mascot"])
+ alert "Mascot file is invalid."
+
+ name = imported["Mascot"]
+ delete imported["Mascot"]
+
+ if Mascots[name] and not Conf["Deleted Mascots"].remove name
+ unless confirm "A mascot with this name already exists. Would you like to over-write?"
+ return
+
+ Mascots[name] = imported
+
+ userMascots = $.get "userMascots", {}
+ userMascots[name] = Mascots[name]
+ $.set 'userMascots', userMascots
+
+ alert "Mascot \"#{name}\" imported!"
+ $.rm $("#mascotContainer", d.body)
+ Options.mascotTab.dialog()
+
+ reader.readAsText(file)
+
+###
+ Style.color adapted from 4chan Style Script
+###
+
+ThemeTools =
+ init: (key) ->
+ Conf['editMode'] = "theme"
+
+ if Themes[key]
+ editTheme = JSON.parse(JSON.stringify(Themes[key]))
+ if ($.get "userThemes", {})[key]
+ editTheme["Theme"] = key
+ else
+ editTheme["Theme"] = key += " [custom]"
+ else
+ editTheme = JSON.parse(JSON.stringify(Themes['Yotsuba B']))
+ editTheme["Theme"] = "Untitled"
+ editTheme["Author"] = "Author"
+ editTheme["Author Tripcode"] = "Unknown"
+
+ # Objects are not guaranteed to have any type of arrangement, so we use a presorted
+ # array to generate the layout of of the theme editor.
+ # (Themes aren't even guaranteed to have any of these values, actually)
+ layout = [
+ "Background Image"
+ "Background Attachment"
+ "Background Position"
+ "Background Repeat"
+ "Background Color"
+ "Thread Wrapper Background"
+ "Thread Wrapper Border"
+ "Dialog Background"
+ "Dialog Border"
+ "Reply Background"
+ "Reply Border"
+ "Highlighted Reply Background"
+ "Highlighted Reply Border"
+ "Backlinked Reply Outline"
+ "Input Background"
+ "Input Border"
+ "Hovered Input Background"
+ "Hovered Input Border"
+ "Focused Input Background"
+ "Focused Input Border"
+ "Checkbox Background"
+ "Checkbox Border"
+ "Checkbox Checked Background"
+ "Buttons Background"
+ "Buttons Border"
+ "Navigation Background"
+ "Navigation Border"
+ "Links"
+ "Hovered Links"
+ "Quotelinks"
+ "Backlinks"
+ "Navigation Links"
+ "Hovered Navigation Links"
+ "Names"
+ "Tripcodes"
+ "Emails"
+ "Subjects"
+ "Text"
+ "Inputs"
+ "Post Numbers"
+ "Greentext"
+ "Sage"
+ "Board Title"
+ "Timestamps"
+ "Warnings"
+ "Shadow Color"
+ ]
+
+ ThemeTools.dialog = $.el "div",
+ id: "themeConf"
+ className: "reply dialog"
+ innerHTML: "
+
+
#{item[0]}
"
+
+ return div
+
+ uploadImage: (evt, el) ->
+ file = evt.target.files[0]
+ reader = new FileReader()
+
+ reader.onload = (evt) ->
+ val = evt.target.result
+
+ el.previousSibling.value = val
+ editMascot.image = val
+ Style.addStyle()
+
+ reader.readAsDataURL file
+
+ addMascot: (mascot) ->
+ if el = @el
+ el.src = if Array.isArray(mascot.image) then (if Style.lightTheme then mascot.image[1] else mascot.image[0]) else mascot.image
+ else
+ @el = el = $.el 'div',
+ id: "mascot"
+ innerHTML: "
+
++
+
+
+ Save
+
+
+ Select Image
+
+
+ Close
+
+"
+
+ header = $.el "div",
+ innerHTML: "
+ by
+
+"
+
+ #Setup inputs that are not generated from the layout variable.
+ for input in $$("input", header)
+ $.on input, 'blur', ->
+ editTheme[@name] = @value
+ $.add $("#themebar", ThemeTools.dialog), header
+ themecontent = $("#themecontent", ThemeTools.dialog)
+
+ for item in layout
+ unless editTheme[item]
+ editTheme[item] = ''
+
+ div = $.el "div",
+ className: "themevar"
+ innerHTML: "#{item}
"
+
+ input = $('input', div)
+
+ input.value = editTheme[item]
+
+ switch item
+ when "Background Image"
+ input.className = 'field'
+ fileInput = $.el 'input',
+ type: 'file'
+ accept: "image/*"
+ title: "BG Image"
+ hidden: "hidden"
+
+ $.on input, 'click', (evt) ->
+ if evt.shiftKey
+ @nextSibling.click()
+
+ $.on fileInput, 'change', (evt) ->
+ ThemeTools.uploadImage evt, @
+
+ $.after input, fileInput
+
+ when "Background Attachment" ,"Background Position", "Background Repeat"
+ input.className = 'field'
+
+ else
+ input.className = "colorfield"
+
+ colorInput = $.el 'input',
+ className: 'color'
+ value: "##{Style.colorToHex input.value}"
+
+ JSColor.bind colorInput
+
+ $.after input, colorInput
+
+ $.on input, 'blur', ->
+ depth = 0
+
+ unless @value.length > 1000
+ for i in [0..@value.length - 1]
+ switch @value[i]
+ when '(' then depth++
+ when ')' then depth--
+ when '"' then toggle1 = not toggle1
+ when "'" then toggle2 = not toggle2
+
+ if depth != 0 or toggle1 or toggle2
+ return alert "Syntax error on #{@name}."
+
+ if @className == "colorfield"
+ @nextSibling.value = "##{Style.colorToHex @value}"
+ @nextSibling.color.importColor()
+
+ editTheme[@name] = @value
+
+ Style.addStyle(editTheme)
+
+ $.add themecontent, div
+
+ $.add themecontent, div
+
+ unless editTheme["Custom CSS"]
+ editTheme["Custom CSS"] = ""
+
+ div = $.el "div",
+ className: "themevar"
+ innerHTML: "
Custom CSS
"
+
+ $.on $('textarea', div), 'blur', ->
+ editTheme["Custom CSS"] = @value
+ Style.themeCSS.textContent = Style.theme editTheme
+
+ $.add themecontent, div
+
+ $.on $('#save > a', ThemeTools.dialog), 'click', ->
+ ThemeTools.save editTheme
+
+ $.on $('#close > a', ThemeTools.dialog), 'click', ThemeTools.close
+ $.add d.body, ThemeTools.dialog
+ Style.themeCSS.textContent = Style.theme editTheme
+
+ uploadImage: (evt, el) ->
+ file = evt.target.files[0]
+ reader = new FileReader()
+
+ reader.onload = (evt) ->
+ val = 'url("' + evt.target.result + '")'
+
+ el.previousSibling.value = val
+ editTheme["Background Image"] = val
+ Style.themeCSS.textContent = Style.theme editTheme
+
+ reader.readAsDataURL file
+
+ importtheme: (origin, evt) ->
+ file = evt.target.files[0]
+ reader = new FileReader()
+
+ reader.onload = (e) ->
+
+ try
+ imported = JSON.parse e.target.result
+ catch err
+ alert err
+ return
+
+ unless (origin != 'appchan' and imported.mainColor) or (origin == 'appchan' and imported["Author Tripcode"])
+ alert "Theme file is invalid."
+ return
+ name = imported.name or imported["Theme"]
+ delete imported.name
+
+ if Themes[name] and not Themes[name]["Deleted"]
+ if confirm "A theme with this name already exists. Would you like to over-write?"
+ delete Themes[name]
+ else
+ return
+
+ if origin == "oneechan" or origin == "SS"
+ bgColor = new Style.color(imported.bgColor);
+ mainColor = new Style.color(imported.mainColor);
+ brderColor = new Style.color(imported.brderColor);
+ inputColor = new Style.color(imported.inputColor);
+ inputbColor = new Style.color(imported.inputbColor);
+ blinkColor = new Style.color(imported.blinkColor);
+ jlinkColor = new Style.color(imported.jlinkColor);
+ linkColor = new Style.color(imported.linkColor);
+ linkHColor = new Style.color(imported.linkHColor);
+ nameColor = new Style.color(imported.nameColor);
+ quoteColor = new Style.color(imported.quoteColor);
+ sageColor = new Style.color(imported.sageColor);
+ textColor = new Style.color(imported.textColor);
+ titleColor = new Style.color(imported.titleColor);
+ tripColor = new Style.color(imported.tripColor);
+ timeColor = new Style.color(imported.timeColor || imported.textColor);
+
+ if imported.bgRPA
+ bgRPA = imported.bgRPA.split(' ')
+ else
+ bgRPA = ['no-repeat', 'bottom', 'left', 'fixed']
+
+ if origin == "oneechan"
+ Themes[name] = {
+ 'Author' : "Anonymous"
+ 'Author Tripcode' : "!POMF.9waa"
+ 'Background Image' : 'url("' + (imported.bgImg or '') + '")'
+ 'Background Attachment' : bgRPA[3] or ''
+ 'Background Position' : ((bgRPA[1] + " ") or '') + (bgRPA[2] or '')
+ 'Background Repeat' : bgRPA[0] or ''
+ 'Background Color' : 'rgb(' + bgColor.rgb + ')'
+ 'Dialog Background' : 'rgba(' + mainColor.rgb + ',.98)'
+ 'Dialog Border' : 'rgb(' + brderColor.rgb + ')'
+ 'Thread Wrapper Background' : 'rgba(0,0,0,0)'
+ 'Thread Wrapper Border' : 'rgba(0,0,0,0)'
+ 'Reply Background' : 'rgba(' + mainColor.rgb + ',' + imported.replyOp + ')'
+ 'Reply Border' : 'rgb(' + brderColor.rgb + ')'
+ 'Highlighted Reply Background': 'rgba(' + mainColor.shiftRGB(4, true) + ',' + imported.replyOp + ')'
+ 'Highlighted Reply Border' : 'rgb(' + linkColor.rgb + ')'
+ 'Backlinked Reply Outline' : 'rgb(' + linkColor.rgb + ')'
+ 'Checkbox Background' : 'rgba(' + inputColor.rgb + ',' + imported.replyOp + ')'
+ 'Checkbox Border' : 'rgb(' + inputbColor.rgb + ')'
+ 'Checkbox Checked Background' : 'rgb(' + inputColor.rgb + ')'
+ 'Input Background' : 'rgba(' + inputColor.rgb + ',' + imported.replyOp + ')'
+ 'Input Border' : 'rgb(' + inputbColor.rgb + ')'
+ 'Hovered Input Background' : 'rgba(' + inputColor.hover + ',' + imported.replyOp + ')'
+ 'Hovered Input Border' : 'rgb(' + inputbColor.rgb + ')'
+ 'Focused Input Background' : 'rgba(' + inputColor.hover + ',' + imported.replyOp + ')'
+ 'Focused Input Border' : 'rgb(' + inputbColor.rgb + ')'
+ 'Buttons Background' : 'rgba(' + inputColor.rgb + ',' + imported.replyOp + ')'
+ 'Buttons Border' : 'rgb(' + inputbColor.rgb + ')'
+ 'Navigation Background' : 'rgba(' + bgColor.rgb + ',0.8)'
+ 'Navigation Border' : 'rgb(' + mainColor.rgb + ')'
+ 'Quotelinks' : 'rgb(' + linkColor.rgb + ')'
+ 'Links' : 'rgb(' + linkColor.rgb + ')'
+ 'Hovered Links' : 'rgb(' + linkHColor.rgb + ')'
+ 'Navigation Links' : 'rgb(' + textColor.rgb + ')'
+ 'Hovered Navigation Links' : 'rgb(' + linkHColor.rgb + ')'
+ 'Subjects' : 'rgb(' + titleColor.rgb + ')'
+ 'Names' : 'rgb(' + nameColor.rgb + ')'
+ 'Sage' : 'rgb(' + sageColor.rgb + ')'
+ 'Tripcodes' : 'rgb(' + tripColor.rgb + ')'
+ 'Emails' : 'rgb(' + linkColor.rgb + ')'
+ 'Post Numbers' : 'rgb(' + linkColor.rgb + ')'
+ 'Text' : 'rgb(' + textColor.rgb + ')'
+ 'Backlinks' : 'rgb(' + linkColor.rgb + ')'
+ 'Greentext' : 'rgb(' + quoteColor.rgb + ')'
+ 'Board Title' : 'rgb(' + textColor.rgb + ')'
+ 'Timestamps' : 'rgb(' + timeColor.rgb + ')'
+ 'Inputs' : 'rgb(' + textColor.rgb + ')'
+ 'Warnings' : 'rgb(' + sageColor.rgb + ')'
+ 'Shadow Color' : 'rgba(0,0,0,0.1)'
+ 'Custom CSS' : """<%= grunt.file.read('css/theme.oneechan.css') %>""" + (imported.customCSS or '') }
+
+ else if origin == "SS"
+ Themes[name] = {
+ 'Author' : "Anonymous"
+ 'Author Tripcode' : "!.pC/AHOKAg"
+ 'Background Image' : 'url("' + (imported.bgImg or '') + '")'
+ 'Background Attachment' : bgRPA[3] or ''
+ 'Background Position' : ((bgRPA[1] + " ") or '') + (bgRPA[2] or '')
+ 'Background Repeat' : bgRPA[0] or ''
+ 'Background Color' : 'rgb(' + bgColor.rgb + ')'
+ 'Dialog Background' : 'rgba(' + mainColor.rgb + ',.98)'
+ 'Dialog Border' : 'rgb(' + brderColor.rgb + ')'
+ 'Thread Wrapper Background' : 'rgba(' + mainColor.rgb + ',.5)'
+ 'Thread Wrapper Border' : 'rgba(' + brderColor.rgb + ',.9)'
+ 'Reply Background' : 'rgba(' + mainColor.rgb + ',.9)'
+ 'Reply Border' : 'rgb(' + brderColor.rgb + ')'
+ 'Highlighted Reply Background': 'rgba(' + mainColor.shiftRGB(4, true) + ',.9)'
+ 'Highlighted Reply Border' : 'rgb(' + linkColor.rgb + ')'
+ 'Backlinked Reply Outline' : 'rgb(' + linkColor.rgb + ')'
+ 'Checkbox Background' : 'rgba(' + inputColor.rgb + ',.9)'
+ 'Checkbox Border' : 'rgb(' + inputbColor.rgb + ')'
+ 'Checkbox Checked Background' : 'rgb(' + inputColor.rgb + ')'
+ 'Input Background' : 'rgba(' + inputColor.rgb + ',.9)'
+ 'Input Border' : 'rgb(' + inputbColor.rgb + ')'
+ 'Hovered Input Background' : 'rgba(' + inputColor.hover + ',.9)'
+ 'Hovered Input Border' : 'rgb(' + inputbColor.rgb + ')'
+ 'Focused Input Background' : 'rgba(' + inputColor.hover + ',.9)'
+ 'Focused Input Border' : 'rgb(' + inputbColor.rgb + ')'
+ 'Buttons Background' : 'rgba(' + inputColor.rgb + ',.9)'
+ 'Buttons Border' : 'rgb(' + inputbColor.rgb + ')'
+ 'Navigation Background' : 'rgba(' + bgColor.rgb + ',0.8)'
+ 'Navigation Border' : 'rgb(' + mainColor.rgb + ')'
+ 'Quotelinks' : 'rgb(' + linkColor.rgb + ')'
+ 'Links' : 'rgb(' + linkColor.rgb + ')'
+ 'Hovered Links' : 'rgb(' + linkHColor.rgb + ')'
+ 'Navigation Links' : 'rgb(' + textColor.rgb + ')'
+ 'Hovered Navigation Links' : 'rgb(' + linkHColor.rgb + ')'
+ 'Subjects' : 'rgb(' + titleColor.rgb + ')'
+ 'Names' : 'rgb(' + nameColor.rgb + ')'
+ 'Sage' : 'rgb(' + sageColor.rgb + ')'
+ 'Tripcodes' : 'rgb(' + tripColor.rgb + ')'
+ 'Emails' : 'rgb(' + linkColor.rgb + ')'
+ 'Post Numbers' : 'rgb(' + linkColor.rgb + ')'
+ 'Text' : 'rgb(' + textColor.rgb + ')'
+ 'Backlinks' : 'rgb(' + linkColor.rgb + ')'
+ 'Greentext' : 'rgb(' + quoteColor.rgb + ')'
+ 'Board Title' : 'rgb(' + textColor.rgb + ')'
+ 'Timestamps' : 'rgb(' + timeColor.rgb + ')'
+ 'Inputs' : 'rgb(' + textColor.rgb + ')'
+ 'Warnings' : 'rgb(' + sageColor.rgb + ')'
+ 'Shadow Color' : 'rgba(0,0,0,0.1)'
+ 'Custom CSS' : """<%= grunt.file.read('css/theme.4chanss.css') %>""" + (imported.customCSS or '') }
+
+ else if origin == 'appchan'
+ Themes[name] = imported
+
+ userThemes = $.get "userThemes", {}
+ userThemes[name] = Themes[name]
+ $.set 'userThemes', userThemes
+ alert "Theme \"#{name}\" imported!"
+ $.rm $("#themes", d.body)
+ Options.themeTab()
+
+ reader.readAsText(file)
+
+ save: (theme) ->
+ name = theme["Theme"]
+
+ if Themes[name] and not Themes[name]["Deleted"]
+ if confirm "A theme with this name already exists. Would you like to over-write?"
+ delete Themes[name]
+ else
+ return
+
+ Themes[name] = JSON.parse(JSON.stringify(theme))
+ delete Themes[name]["Theme"]
+ userThemes = $.get "userThemes", {}
+ userThemes[name] = Themes[name]
+ $.set 'userThemes', userThemes
+ $.set "theme", Conf['theme'] = name
+ alert "Theme \"#{name}\" saved."
+
+ close: ->
+ Conf['editMode'] = false
+ $.rm $("#themeConf", d.body)
+ Style.addStyle()
+ Options.dialog("theme")
\ No newline at end of file
diff --git a/src/config.coffee b/src/config.coffee
index 31eb11526..180369be6 100644
--- a/src/config.coffee
+++ b/src/config.coffee
@@ -282,6 +282,356 @@ Config =
'Expand all images only from current position to thread end.'
]
+ style:
+
+ # Style Options are either booleans, select options, or text, depending on the value of optionName[2].
+ # If it doesn't exist, it is a boolean, if it does, it's either an array of the select options or "text".
+
+ Interface:
+ 'Single Column Mode': [
+ true
+ 'Presents options in a single column, rather than in blocks.'
+ ]
+ 'Sidebar': [
+ 'normal'
+ 'Alter the sidebar size. Completely hiding it can cause content to overlap, but with the correct option combinations can create a minimal 4chan layout that has more efficient screen real-estate than vanilla 4chan.'
+ ['large', 'normal', 'minimal', 'hide']
+ ]
+ 'Sidebar Location': [
+ 'right'
+ 'The side of the page the sidebar content is on. It is highly recommended that you do not hide the sidebar if you change this option.'
+ ['left', 'right']
+ ]
+ 'Top Thread Padding': [
+ '0'
+ 'Add some spacing between the top edge of document and the threads.'
+ 'text'
+ ]
+ 'Bottom Thread Padding': [
+ '0'
+ 'Add some spacing between the bottom edge of document and the threads.'
+ 'text'
+ ]
+ 'Left Thread Padding': [
+ '0'
+ 'Add some spacing between the left edge of document and the threads.'
+ 'text'
+ ]
+ 'Right Thread Padding': [
+ '0'
+ 'Add some spacing between the right edge of document and the threads.'
+ 'text'
+ ]
+ 'Announcements': [
+ 'slideout'
+ 'The style of announcements and the ability to hide them.'
+ ['4chan default', 'slideout', 'hide']
+ ]
+ 'Board Title': [
+ 'at sidebar top'
+ 'The positioning of the board\'s logo and subtitle.'
+ ['at sidebar top', 'at sidebar bottom', 'at top', 'under post form', 'hide']
+ ]
+ 'Custom Board Titles': [
+ false
+ 'Customize Board Titles by shift-clicking the board title or subtitle.'
+ ]
+ 'Board Subtitle': [
+ true
+ 'Show the board subtitle.'
+ ]
+ '4chan Banner': [
+ 'at sidebar top'
+ 'The positioning of 4chan\'s image banner.'
+ ['at sidebar top', 'at sidebar bottom', 'under post form', 'at top', 'hide']
+ ]
+ '4chan Banner Reflection': [
+ false
+ 'Adds reflection effects to 4chan\'s image banner.'
+ ]
+ 'Faded 4chan Banner': [
+ true
+ 'Make 4chan\'s image banner translucent.'
+ ]
+ 'Icon Orientation': [
+ 'horizontal'
+ 'Change the orientation of the appchan x icons.'
+ ['horizontal', 'vertical']
+ ]
+ 'Slideout Watcher': [
+ true
+ 'Adds an icon you can hover over to show the watcher, as opposed to having the watcher always visible.'
+ ]
+ 'Updater Position': [
+ 'top'
+ 'The position of 4chan thread updater and stats'
+ ['top', 'bottom', 'moveable']
+ ]
+
+ Posts:
+ 'Alternate Post Colors': [
+ false
+ 'Make post background colors alternate every other post.'
+ ]
+ 'Color Reply Headings': [
+ false
+ 'Give the post info a background.'
+ ]
+ 'Color File Info': [
+ false
+ 'Give the file info a background.'
+ ]
+ 'OP Background': [
+ false
+ 'Adds a border and background color to the OP Post, as if it were a reply.'
+ ]
+ 'Backlinks Position': [
+ 'default'
+ 'The position of backlinks in relation to the post.'
+ ['default', 'lower left', 'lower right']
+ ]
+ 'Sage Highlighting': [
+ 'image'
+ 'Icons or text to highlight saged posts.'
+ ['text', 'image', 'none']
+ ]
+ 'Sage Highlight Position': [
+ 'after'
+ 'Position of Sage Highlighting'
+ ['before', 'after']
+ ]
+ 'Filtered Backlinks': [
+ true
+ 'Mark backlinks to filtered posts.'
+ ]
+ 'Force Reply Break': [
+ false
+ 'Force replies to occupy their own line and not be adjacent to the OP image.'
+ ]
+ 'Fit Width Replies': [
+ true
+ 'Replies fit the entire width of the page.'
+ ]
+ 'Hide Delete UI': [
+ false
+ 'Hides vanilla report and delete functionality and UI. This does not affect Appchan\'s Menu functionality.'
+ ]
+ 'Post Spacing': [
+ '2'
+ 'The amount of space between replies.'
+ 'text'
+ ]
+ 'Vertical Post Padding': [
+ '5'
+ 'The vertical padding around post content of replies.'
+ 'text'
+ ]
+ 'Horizontal Post Padding': [
+ '20'
+ 'The horizontal padding around post content of replies.'
+ 'text'
+ ]
+ 'Hide Horizontal Rules': [
+ false
+ 'Hides lines between threads.'
+ ]
+ 'Images Overlap Post Form': [
+ true
+ 'Images expand over the post form and sidebar content, usually used with "Expand images" set to "full".'
+ ]
+
+ Aesthetics:
+ '4chan SS Navigation': [
+ false
+ 'Try to emulate the appearance of 4chan SS\'s Navigation.'
+ ]
+ '4chan SS Sidebar': [
+ false
+ 'Try to emulate the appearance of 4chan SS\'s Sidebar.'
+ ]
+ 'Block Ads': [
+ false
+ 'Block advertisements. It\'s probably better to use AdBlock for this.'
+ ]
+ 'Shrink Ads': [
+ false
+ 'Make 4chan advertisements smaller.'
+ ]
+ 'Bolds': [
+ true
+ 'Bold text for names and such.'
+ ]
+ 'Italics': [
+ false
+ 'Give tripcodes italics.'
+ ]
+ 'Sidebar Glow': [
+ false
+ 'Adds a glow to the sidebar\'s text.'
+ ]
+ 'Circle Checkboxes': [
+ false
+ 'Make checkboxes circular.'
+ ]
+ 'Custom CSS': [
+ false
+ 'Add (more) custom CSS to Appchan X'
+ ]
+ 'Emoji': [
+ 'enabled'
+ 'Enable emoji'
+ ['enabled', 'disable ponies', 'only ponies', 'disable']
+ ]
+ 'Emoji Position': [
+ 'before'
+ 'Position of emoji icons, like sega and neko.'
+ ['before', 'after']
+ ]
+ 'Emoji Spacing': [
+ '5'
+ 'Add some spacing between emoji and text.'
+ 'text'
+ ]
+ 'Font': [
+ 'sans-serif'
+ 'The font used by all elements of 4chan.'
+ 'text'
+ ]
+ 'Font Size': [
+ '12'
+ 'The font size of posts and various UI. This changes most, but not all, font sizes.'
+ 'text'
+ ]
+ 'Icons': [
+ 'oneechan'
+ 'Icon theme which Appchan will use.'
+ ['oneechan', '4chan SS']
+ ]
+ 'Invisible Icons': [
+ false
+ 'Makes icons invisible unless hovered. Invisible really is "invisible", so don\'t use it if you don\'t have your icons memorized or don\'t use keybinds.'
+ ]
+ 'Quote Shadows': [
+ true
+ 'Add shadows to the quote previews and inline quotes.'
+ ]
+ 'Rounded Edges': [
+ false
+ 'Round the edges of various 4chan elements.'
+ ]
+ 'Underline Links': [
+ false
+ 'Put lines under hyperlinks.'
+ ]
+ 'NSFW/SFW Themes': [
+ false
+ 'Choose your theme based on the SFW status of the board you are viewing.'
+ ]
+
+ Mascots:
+ 'Mascots': [
+ true
+ 'Add a pretty picture of your waifu to Appchan.'
+ ]
+ 'Mascot Location': [
+ 'sidebar'
+ 'Change where your mascot is located.'
+ ['sidebar', 'opposite']
+ ]
+ 'Mascot Position': [
+ 'default'
+ 'Change where your mascot is placed in relation to the post form.'
+ ['above post form', 'default', 'bottom']
+ ]
+ 'Mascots Overlap Posts': [
+ true
+ 'Mascots overlap threads and posts.'
+ ]
+ 'NSFW/SFW Mascots': [
+ false
+ 'Enable or disable mascots based on the SFW status of the board you are viewing.'
+ ]
+ 'Grayscale Mascots': [
+ false
+ 'Force mascots to be monochrome.'
+ ]
+ 'Mascot Opacity': [
+ '1.00'
+ 'Make Mascots transparent.'
+ 'text'
+ ]
+ 'Hide Mascots on Catalog': [
+ false
+ 'Do not show mascots on the official catalog pages.'
+ ]
+
+ Navigation:
+ 'Boards Navigation': [
+ 'sticky top'
+ 'The position of 4chan board navigation'
+ ['sticky top', 'sticky bottom', 'top', 'hide']
+ ]
+ 'Navigation Alignment': [
+ 'center'
+ 'Change the text alignment of the navigation.'
+ ['left', 'center', 'right']
+ ]
+ 'Slideout Navigation': [
+ 'compact'
+ 'How the slideout navigation will be displayed.'
+ ['compact', 'list', 'hide']
+ ]
+ 'Pagination': [
+ 'sticky bottom'
+ 'The position of 4chan page navigation'
+ ['sticky top', 'sticky bottom', 'top', 'bottom', 'on side', 'hide']
+ ]
+ 'Pagination Alignment': [
+ 'center'
+ 'Change the text alignment of the pagination.'
+ ['left', 'center', 'right']
+ ]
+ 'Hide Navigation Decorations': [
+ false
+ 'Hide non-link text in the board navigation and pagination. This also disables the delimiter in
Custom Navigation'
+ ]
+
+ 'Post Form':
+ 'Compact Post Form Inputs': [
+ true
+ 'Use compact inputs on the post form.'
+ ]
+ 'Hide Show Post Form': [
+ false
+ 'Hides the "Show Post Form" button when Persistent QR is disabled.'
+ ]
+ 'Show Post Form Header': [
+ false
+ 'Force the Post Form to have a header.'
+ ]
+ 'Post Form Style': [
+ 'tabbed slideout'
+ 'How the post form will sit on the page.'
+ ['fixed', 'slideout', 'tabbed slideout', 'transparent fade', 'float']
+ ]
+ 'Post Form Slideout Transitions' : [
+ true
+ 'Animate slideouts for the post form.'
+ ]
+ 'Post Form Decorations': [
+ false
+ 'Add a border and background to the post form (does not apply to the "float" post form style.'
+ ]
+ 'Textarea Resize': [
+ 'vertical'
+ 'Options to resize the post form\'s comment box.'
+ ['both', 'horizontal', 'vertical', 'none']
+ ]
+ 'Tripcode Hider': [
+ true
+ 'Intelligent name field hiding.'
+ ]
+
filter:
name: """
# Filter any namefags:
@@ -500,3 +850,8 @@ http://www.google.com/searchbyimage?image_url=%turl
'Increase the intervals between updates on threads without new posts.'
]
'Interval': 30
+
+ embedWidth: 640
+ embedHeight: 390
+ theme : 'Yotsuba B'
+ mascot : ''
diff --git a/src/features.coffee b/src/features.coffee
index 1c2457a09..7ca5c0216 100644
--- a/src/features.coffee
+++ b/src/features.coffee
@@ -166,7 +166,7 @@ CatalogLinks =
ready: ->
if catalogLink = ($('.pages.cataloglink a', d.body) or $ '[href=".././catalog"]', d.body)
- if !g.VIEW is thread
+ if !g.VIEW is 'thread'
$.add d.body, catalogLink
catalogLink.id = 'catalog'
diff --git a/src/globals.coffee b/src/globals.coffee
index a17a6f7a0..0dac0d959 100644
--- a/src/globals.coffee
+++ b/src/globals.coffee
@@ -1,7 +1,10 @@
# Opera doesn't support the @match metadata key,
# return 4chan X here if we're not on 4chan.
-return unless /^(boards|images|sys)\.4chan\.org$/.test location.hostname
+return unless /^[a-z]+\.4chan\.org$/.test location.hostname
+editTheme = {} # Currently editted theme.
+editMascot = {} # Which mascot we're editting.
+userNavigation = {} # ...
Conf = {}
c = console
d = document
@@ -9,6 +12,2751 @@ doc = null
g =
VERSION: '<%= version %>'
NAMESPACE: '<%= meta.name %>.'
- boards: {}
- threads: {}
- posts: {}
+ TYPE: 'sfw'
+ boards: {}
+ threads: {}
+ posts: {}
+
+Mascots =
+ 'Akiyama_Mio':
+ category: 'Anime'
+ image: 'https://i.minus.com/ibrWLbKvjRnHZS.png'
+ 'Akiyama_Mio_2':
+ category: 'Anime'
+ image: 'https://i.minus.com/ibmZgHvl3ZSxYk.png'
+ 'Akiyama_Mio_3':
+ category: 'Anime'
+ image: 'https://i.minus.com/irFbpefCFt1cT.png'
+ center: true
+ 'Akiyama_Mio_sitting':
+ category: 'Questionable'
+ image: 'https://i.minus.com/ibnnAPmolhTfE7.png'
+ 'Anime_Girl_in_Bondage':
+ category: 'Questionable'
+ image: 'https://i.minus.com/ibbfIrZEoNLmiU.png'
+ center: true
+ 'Anime_Girl_in_Bondage_2':
+ category: 'Questionable'
+ image: 'http://i.minus.com/iGRED5sHh4RMs.png'
+ center: true
+ 'Applejack':
+ category: 'Ponies'
+ image: 'https://i.minus.com/inZ8jSVsEhfnC.png'
+ center: true
+ 'Asuka_Langley_Soryu':
+ category: 'Anime'
+ image: 'https://i.minus.com/ib2z9ME9QKEBaS.png'
+ center: true
+ 'Asuka_Langley_Soryu_2':
+ category: 'Anime'
+ image: 'https://i.minus.com/iI3QR5SywNfg9.png'
+ center: true
+ 'Asuka_Langley_Soryu_3':
+ category: 'Anime'
+ image: 'https://i.minus.com/ibwjj4dLtiADla.png'
+ center: true
+ 'Asuka_Langley_Soryu_4':
+ category: 'Anime'
+ image: 'https://i.minus.com/ibiiInQGLGnYNj.png'
+ center: true
+ 'Asuka_Langley_Soryu_5':
+ category: 'Questionable'
+ image: 'https://i.minus.com/iJq4VXY1Gw8ZE.png'
+ center: true
+ 'Asuka_Langley_Soryu_6':
+ category: 'Anime'
+ image: 'https://i.minus.com/ibzbnBcaEtoqck.png'
+ position: 'bottom'
+ 'Ayanami_Rei':
+ category: 'Anime'
+ image: 'https://i.minus.com/ib0ft5OmqRZx2r.png'
+ center: true
+ 'Ayase_Yue':
+ category: 'Questionable'
+ image: 'https://i.minus.com/ign5fGOZWTx5o.png'
+ 'Ayase':
+ category: 'Anime'
+ image: 'https://i.minus.com/ibmArq5Wb4Po4v.png'
+ center: true
+ 'Ayase_2':
+ category: 'Questionable'
+ image: 'https://i.minus.com/ibjUbDLSU5pwhK.png'
+ center: true
+ 'BLACK_ROCK_SHOOTER':
+ category: 'Anime'
+ image: 'https://i.minus.com/ibMe9MrTMdvAT.png'
+ center: true
+ 'Blue_Rose':
+ category: 'Questionable'
+ image: 'https://i.minus.com/ibiq1joMemfzeM.png'
+ center: true
+ 'Brioche_d_Arquien':
+ category: 'Anime'
+ image: 'https://i.minus.com/ibobXYJ2k3JXK.png'
+ center: true
+ 'CC':
+ category: 'Anime'
+ image: 'https://i.minus.com/iwndO4Pn6SO0X.png'
+ center: true
+ 'CC2':
+ category: 'Questionable'
+ image: 'https://i.minus.com/iVT3TjJ7lBRpl.png'
+ center: true
+ 'Chie':
+ category: 'Anime'
+ image: 'https://i.minus.com/ib0HI16h9FSjSp.png'
+ center: true
+ 'Cirno':
+ category: 'Questionable'
+ image: 'https://i.minus.com/ibffjW5v0zrSGa.png'
+ center: true
+ 'Cirno_2':
+ category: 'Anime'
+ image: 'https://i.minus.com/iSZ06ZxrcqAKq.png'
+ center: true
+ 'Dawn_Hikari':
+ category: 'Anime'
+ image: 'https://i.minus.com/iL3J1EmcDkFzE.png'
+ center: true
+ 'Doppleganger':
+ category: 'Anime'
+ image: 'https://i.minus.com/iPvv86W9r3Rxm.png'
+ 'Dragonkid':
+ category: 'Anime'
+ image: 'https://i.minus.com/iq9fuyWSjIDWf.png'
+ center: true
+ 'Dragonkid_2':
+ category: 'Anime'
+ image: 'https://i.minus.com/i7sdxK3G12RB6.png'
+ center: true
+ 'Eclair':
+ category: 'Anime'
+ image: 'https://i.minus.com/ibsk5mMYVR5zuA.png'
+ center: true
+ 'Erio_Touwa':
+ category: 'Questionable'
+ image: 'https://i.minus.com/in8bF152Y9qVB.png'
+ 'Evangeline_AK_McDowell':
+ category: 'Anime'
+ image: 'https://i.minus.com/ibuq7a8zWKi2gl.png'
+ center: true
+ 'Fluttershy':
+ category: 'Ponies'
+ image: 'https://i.minus.com/ibwEFEGlRm0Uxy.png'
+ 'Fluttershy_2':
+ category: 'Ponies'
+ image: 'https://i.minus.com/ibjtz6EU2OFPgh.png'
+ center: true
+ 'Fluttershy_Cutiemark':
+ category: 'Ponies'
+ image: 'https://i.minus.com/i5WVpIAlHQdhs.png'
+ center: true
+ 'Fujiwara_no_Mokou':
+ category: 'Anime'
+ image: 'https://i.minus.com/ibpwDyMGodvni6.png'
+ 'Furudo_Erika':
+ category: 'Anime'
+ image: 'https://i.minus.com/iCrRzQ8WvHiSM.png'
+ center: true
+ 'Gally':
+ category: 'Anime'
+ image: 'https://i.minus.com/iblWZGuSlWtDI6.png'
+ center: true
+ 'Gasai_Yuno':
+ category: 'Anime'
+ image: 'https://i.minus.com/iEQsK6K85jX2n.png'
+ 'Gasai_Yuno_2':
+ category: 'Questionable'
+ image: 'https://i.minus.com/ifyPk7Yeo1JA7.png'
+ 'George_Costanza':
+ category: 'Western'
+ image: 'https://i.minus.com/iFWdpFGfzLs6v.png'
+ 'Hanako':
+ category: 'Anime'
+ image: 'https://i.minus.com/iRLF8gCIZbGjo.png'
+ center: true
+ 'Hasekura_Youko':
+ category: 'Anime'
+ image: 'https://i.minus.com/iqBTFZf5UhLpR.png'
+ center: true
+ 'Hatsune_Miku':
+ category: 'Questionable'
+ image: 'https://i.minus.com/iHuUwYVywpp3Z.png'
+ 'Hatsune_Miku_2':
+ category: 'Questionable'
+ image: 'https://i.minus.com/iclhgYeHDD77I.png'
+ center: true
+ 'Hatsune_Miku_3':
+ category: 'Anime'
+ image: 'https://i.minus.com/iLJ4uDTcg1T8r.png'
+ center: true
+ 'Hatsune_Miku_4':
+ category: 'Anime'
+ image: 'https://i.minus.com/ibjkPMLT8Uxitp.png'
+ center: true
+ 'Hatsune_Miku_5':
+ category: 'Anime'
+ image: 'https://i.minus.com/i9Evu9dyvok4G.png'
+ center: true
+ 'Hatsune_Miku_6':
+ category: 'Questionable'
+ image: 'https://i.minus.com/iQzx9fPFgPUNl.png'
+ center: true
+ 'Hatsune_Miku_7':
+ category: 'Questionable'
+ image: 'https://i.minus.com/iDScshaEZqUuy.png'
+ center: true
+ 'Hirasawa_Yui':
+ category: 'Anime'
+ image: 'https://i.minus.com/iuGe5uDaTNmhR.png'
+ center: true
+ 'Homura_Akemi':
+ category: 'Anime'
+ image: 'https://i.minus.com/iPtrwFEEtPLhn.png'
+ 'Horo':
+ category: 'Silhouette'
+ image: ['https://i.minus.com/i429JguITUibN.png', 'https://i.minus.com/icpvfMuZEQCtS.png']
+ 'Horo_2':
+ category: 'Silhouette'
+ image: ['https://i.minus.com/ibv270koIdRjm7.png', 'https://i.minus.com/iPM4lDD53yB5n.png']
+ 'Horo_3':
+ category: 'Questionable'
+ image: 'http://i.minus.com/ibyT9dlTe1HN5P.png'
+ 'Horo_4':
+ category: 'Questionable'
+ image: 'http://i.minus.com/ibbMKiznORGJ00.png'
+ 'Ika_Musume':
+ category: 'Anime'
+ image: 'https://i.minus.com/ibqVu5GNfKx5bC.png'
+ center: true
+ 'Ika_Musume_2':
+ category: 'Anime'
+ image: 'https://i.minus.com/ibhnEiE8HabEqC.png'
+ center: true
+ 'Ika_Musume_3':
+ category: 'Questionable'
+ image: 'https://i.minus.com/iby8LyjXffukaI.png'
+ center: true
+ 'Inori':
+ category: 'Questionable'
+ image: 'https://i.minus.com/ibpHKNPxcFqRxs.png'
+ 'Inori_2':
+ category: 'Questionable'
+ image: 'https://i.minus.com/ibzM531DBaHYXD.png'
+ 'Iwakura_Lain':
+ category: 'Anime'
+ image: 'https://i.minus.com/iBXRRT19scoHf.png'
+ center: true
+ 'Iwakura_Lain_2':
+ category: 'Anime'
+ image: 'https://i.minus.com/ioMltWNYUWeJ3.png'
+ center: true
+ 'KOn_Girls':
+ category: 'Anime'
+ image: 'https://i.minus.com/ibndVLiH09uINs.png'
+ center: true
+ 'Kagamine_Rin':
+ category: 'Questionable'
+ image: 'https://i.minus.com/iVPKJeDXKPKeV.png'
+ center: true
+ 'Kagamine_Rin_2':
+ category: 'Anime'
+ image: 'https://i.minus.com/jbkL01TIeJwEN6.png'
+ 'Kagari_Izuriha':
+ category: 'Anime'
+ image: 'https://i.minus.com/ihaFHsvFfL0vH.png'
+ 'Kaname_Madoka':
+ category: 'Anime'
+ image: 'https://i.minus.com/iRuEFK8cdAHxB.png'
+ center: true
+ 'Karina':
+ category: 'Anime'
+ image: 'https://i.minus.com/iUADBOpQYPfeP.png'
+ center: true
+ 'Kigurumi_Harokitei':
+ category: 'Anime'
+ image: 'https://i.minus.com/ibb17W5i3rQvut.png'
+ center: true
+ 'Kinomoto_Sakura':
+ category: 'Anime'
+ image: 'https://i.minus.com/iVmsLKa4zLwZR.png'
+ center: true
+ 'Kinomoto_Sakura_2':
+ category: 'Questionable'
+ image: 'https://i.minus.com/ibklztjz3Ua747.png'
+ center: true
+ 'Kirisame_Marisa':
+ category: 'Anime'
+ image: 'https://i.minus.com/ibikDZH5CZ0V30.png'
+ 'Kirino_Kosaka_and_Ruri_Goko':
+ category: 'Questionable'
+ image: 'https://i.minus.com/isIzggtfUo4ql.png'
+ center: true
+ 'Koiwai_Yotsuba':
+ category: 'Anime'
+ image: 'https://i.minus.com/iKFKyVVBato2N.png'
+ center: true
+ 'Koko':
+ category: 'Anime'
+ image: 'https://i.minus.com/ieVyNMSjXpBs2.png'
+ center: true
+ 'Konjiki_no_Yami':
+ category: 'Questionable'
+ image: 'https://i.minus.com/imy7iv5fuym8b.png'
+ position: 'bottom'
+ 'Kotobuki_Tsumugi':
+ category: 'Anime'
+ image: 'https://i.minus.com/i6doAUnM6jMAY.png'
+ center: true
+ 'Kurisu_Makise':
+ category: 'Anime'
+ image: 'https://i.minus.com/ib1eMtRHdvc9ix.png'
+ 'Kuroko_Shirai':
+ category: 'Anime'
+ image: 'https://i.minus.com/i3K8F7lu2SHfn.png'
+ 'Kyouko_Sakura':
+ category: 'Anime'
+ image: 'https://i.minus.com/iMrFOS1mfzIJP.png'
+ center: true
+ 'Kyubee':
+ category: 'Anime'
+ image: 'https://i.minus.com/iD0SEJPeZa0Dw.png'
+ 'Kyubee_2':
+ category: 'Anime'
+ image: 'https://i.minus.com/iGlKiDZvM3xi8.png'
+ center: true
+ 'Leonmitchelli':
+ category: 'Questionable'
+ image: 'https://i.minus.com/ibgUFGlOpedfbs.png'
+ center: true
+ 'Li_Syaoran':
+ category: 'Anime'
+ image: 'https://i.minus.com/ib0IWPBRSHyiDe.png'
+ 'Link':
+ category: 'Anime'
+ image: 'https://i.minus.com/ibd1JShAMTdJBH.png'
+ center: true
+ 'Lizardgirl':
+ category: 'Anime'
+ image: 'https://i.minus.com/is7h27Q6lsmyx.png'
+ 'Luka':
+ category: 'Anime'
+ image: 'https://i.minus.com/inds5h2BOmVBy.png'
+ 'Madotsuki':
+ category: 'Anime'
+ image: 'https://i.minus.com/ik6QYfTfgx9Za.png'
+ 'Makoto':
+ category: 'Anime'
+ image: 'https://i.minus.com/i7q6aOuUqqA9F.png'
+ center: true
+ 'Mantis':
+ category: 'Anime'
+ image: 'https://i.minus.com/iBmluUJOZivY2.png'
+ 'Megurine_Luka':
+ category: 'Anime'
+ image: 'https://i.minus.com/ibxe63yidpz9Gz.png'
+ center: true
+ 'Mei_Sunohara':
+ category: 'Anime'
+ image: 'https://i.minus.com/i7ElzNY4xQHHz.png'
+ center: true
+ 'Millefiori':
+ category: 'Anime'
+ image: 'https://i.minus.com/ifVzPtH8JHXjl.png'
+ center: true
+ 'Millefiori_2':
+ category: 'Anime'
+ image: 'https://i.minus.com/iMSUiQxRBylQG.png'
+ center: true
+ 'Millefiori_3':
+ category: 'Anime'
+ image: 'https://i.minus.com/iDOe3ltSvOYXZ.png'
+ center: true
+ 'Misaki_Mei':
+ category: 'Anime'
+ image: 'https://i.minus.com/icmYGJ9vIOFjr.png'
+ center: true
+ 'Mizunashi_Akari':
+ category: 'Anime'
+ image: 'https://i.minus.com/iNy9kHlNsUoVK.png'
+ center: true
+ 'Motoko':
+ category: 'Anime'
+ image: 'https://i.minus.com/irFtkWWyMChSA.png'
+ center: true
+ 'Nagato_Yuki':
+ category: 'Anime'
+ image: 'https://i.minus.com/it3pEawWIxY84.png'
+ center: true
+ 'Nagato_Yuki_2':
+ category: 'Anime'
+ image: 'https://i.minus.com/iuspcZbLvmqpb.png'
+ center: true
+ 'Nagato_Yuki_3':
+ category: 'Anime'
+ image: 'https://i.minus.com/ibndIkldw4njbD.png'
+ center: true
+ 'Nagato_Yuki_4':
+ category: 'Questionable'
+ image: 'https://i.minus.com/i92tUr90OVZGD.png'
+ center: true
+ 'Nagato_Yuki_5':
+ category: 'Silhouette'
+ image: ['https://i.minus.com/iW0iHUkHwu44d.png', 'https://i.minus.com/i859zL9JXZLbD.png']
+ center: true
+ 'Nagato_Yuki_6':
+ category: 'Silhouette'
+ image: ['https://i.minus.com/iJdxNEMekrQjp.png', 'https://i.minus.com/ibbHeuocMgN5Eu.png']
+ center: true
+ 'Nagato_Yuki_7':
+ category: 'Questionable'
+ image: 'http://i.minus.com/iFQQPEaC3aEV7.png'
+ 'Nakano_Azusa':
+ category: 'Anime'
+ image: 'https://i.minus.com/iiptfoMlr4v1k.png'
+ 'Nodoka_Miyazaki':
+ category: 'Questionable'
+ image: 'http://i.minus.com/iDX5mImKBzrXK.png'
+ 'Nichijou':
+ category: 'Anime'
+ image: 'https://i.minus.com/iE8lbZ5f3OT2B.png'
+ 'Noir_VinoCacao':
+ category: 'Anime'
+ image: 'https://i.minus.com/ibo8aCWF0OwNwP.png'
+ center: true
+ 'Pinkie_Pie':
+ category: 'Ponies'
+ image: 'https://i.minus.com/ib1kcpqxvsyZWG.png'
+ center: true
+ 'Pinkie_Pie_2':
+ category: 'Ponies'
+ image: 'https://i.minus.com/i8QRRgE7iKpw7.png'
+ center: true
+ 'Oshino_Shinobu':
+ category: 'Anime'
+ image: 'https://i.minus.com/ibwhAyR6D7OBAB.png'
+ 'Oshino_Shinobu_2':
+ category: 'Anime'
+ image: 'https://i.minus.com/ibqoNiWzynsVvg.png'
+ position: 'bottom'
+ 'Patchouli_Knowledge':
+ category: 'Anime'
+ image: 'https://i.minus.com/ibnOEAxXaKlctB.png'
+ center: true
+ 'Patchouli_Knowledge_2':
+ category: 'Anime'
+ image: 'https://i.minus.com/i1MOPTmohOsMD.png'
+ 'Pink_Doggy':
+ category: 'Anime'
+ image: 'https://i.minus.com/i1SpWAzfcIEQc.png'
+ center: true
+ 'Pink_Hair':
+ category: 'Anime'
+ image: 'https://i.minus.com/ibdwMaIPwdscao.png'
+ center: true
+ 'Pixie':
+ category: 'Questionable'
+ image: 'https://i.minus.com/ipRzX1YsTyhgZ.png'
+ center: true
+ 'Railgun':
+ category: 'Questionable'
+ image: 'https://i.minus.com/iysolfmvz6WKs.png'
+ center: true
+ 'Railgun_2':
+ category: 'Anime'
+ image: 'https://i.minus.com/iNhpDDO0GSTeM.png'
+ center: true
+ 'Railgun_3':
+ category: 'Anime'
+ image: 'https://i.minus.com/iiW02dmqUwRcy.png'
+ 'Railgun_4':
+ category: 'Anime'
+ image: 'https://i.minus.com/iR3j0mGgd1927.png'
+ center: true
+ 'Rainbow_Dash':
+ category: 'Ponies'
+ image: 'https://i.minus.com/ibthr5EDMZHV9j.png'
+ center: true
+ 'Rarity':
+ category: 'Ponies'
+ image: 'https://i.minus.com/ibkraGhhUh25CU.png'
+ center: true
+ 'Revi':
+ category: 'Anime'
+ image: 'https://i.minus.com/ivUMKcy5ow6Ab.png'
+ position: 'bottom'
+ center: true
+ 'Ruri_Gokou':
+ category: 'Anime'
+ image: 'https://i.minus.com/ibtZo1fdOk8NCB.png'
+ position: 'bottom'
+ center: true
+ 'Ryuu':
+ category: 'Anime'
+ image: 'https://i.minus.com/iecVz4p2SuqK4.png'
+ position: 'bottom'
+ 'Saber':
+ category: 'Questionable'
+ image: 'https://i.minus.com/i62cv3csQaqgk.png'
+ center: true
+ 'Sakurazaki_Setsuna':
+ category: 'Questionable'
+ image: 'https://i.minus.com/iHS6559NMU1tS.png'
+ 'Samus_Aran':
+ category: 'Anime'
+ image: 'https://i.minus.com/iWG1GFJ89A05p.png'
+ center: true
+ 'Samus_Aran_2':
+ category: 'Anime'
+ image: 'http://i.minus.com/ibl4efsNtHpkXg.png'
+ 'Seraphim':
+ category: 'Questionable'
+ image: 'https://i.minus.com/ivHaKIFHRpPFP.png'
+ center: true
+ 'Shana':
+ category: 'Anime'
+ image: 'https://i.minus.com/ib2cTJMF0cYIde.png'
+ center: true
+ 'Shana_2':
+ category: 'Anime'
+ image: 'https://i.minus.com/ioRICGu0Ipzj9.png'
+ center: true
+ 'Shiki':
+ category: 'Anime'
+ image: 'https://i.minus.com/iIZm1JxxDIDQ1.png'
+ 'Shinji_and_Girls':
+ category: 'Anime'
+ image: 'https://i.minus.com/itMrEn56GzvzE.png'
+ center: true
+ 'Shinonome_Hakase':
+ category: 'Anime'
+ image: 'https://i.minus.com/iocCwDCnNgI19.png'
+ center: true
+ 'Shirakiin_Ririchiyo':
+ category: 'Anime'
+ image: 'https://i.minus.com/i1m0rdzmVLYLa.png'
+ position: 'bottom'
+ center: true
+ 'Shirohibe':
+ category: 'Anime'
+ image: 'https://i.minus.com/iGu91k3KZeg00.png'
+ position: 'bottom'
+ 'Suruga_Kanbaru':
+ category: 'Anime'
+ image: 'https://i.minus.com/irEL7AgC80qKD.png'
+ center: true
+ 'Suzumiya_Haruhi':
+ category: 'Anime'
+ image: 'https://i.minus.com/iM9qMfUNh9Qi9.png'
+ center: true
+ 'Suzumiya_Haruhi_2':
+ category: 'Anime'
+ image: 'https://i.minus.com/ibnomd5iasjceY.png'
+ center: true
+ 'Tardis':
+ category: 'Western'
+ image: 'https://i.minus.com/iQL2bwpDfOgk.png'
+ center: true
+ 'Teletha_Tessa_Testarossa':
+ category: 'Questionable'
+ image: 'https://i.minus.com/iQKrg7Pq7Y6Ed.png'
+ 'Rukia_Nia_and_Asa':
+ category: 'Questionable'
+ image: 'http://i.minus.com/icECBJR5D5U4S.png'
+ 'Tewi_Inaba':
+ category: 'Anime'
+ image: 'https://i.minus.com/ib2k9lwQIkmb66.png'
+ 'Tifa':
+ category: 'Questionable'
+ image: 'https://i.minus.com/inDzKQ0Wck4ef.png'
+ center: true
+ 'Tomozo_Kaoru':
+ category: 'Anime'
+ image: 'https://i.minus.com/islUcBaPRYAgv.png'
+ center: true
+ 'Twilight_Sparkle':
+ category: 'Ponies'
+ image: 'https://i.minus.com/ibnMYVTZEykrKU.png'
+ center: true
+ 'Udine':
+ category: 'Questionable'
+ image: 'https://i.minus.com/iiycujRmhn6QK.png'
+ position: 'bottom'
+ 'Wanwan':
+ category: 'Questionable'
+ image: 'https://i.minus.com/iTdBWYMCXULLT.png'
+ center: true
+ 'White_Curious':
+ category: 'Anime'
+ image: 'https://i.minus.com/ibfkj5osu99axe.png'
+ center: true
+ 'Yakumo_Ran':
+ category: 'Anime'
+ image: 'https://i.minus.com/ivKqn8vL9A8cQ.png'
+ 'Yin':
+ category: 'Anime'
+ image: 'https://i.minus.com/iL9DlVtaAGFdq.png'
+ 'Yin_2':
+ category: 'Anime'
+ image: 'https://i.minus.com/izkTpyjr1XlLR.png'
+ center: true
+ 'Yoko_Littner':
+ category: 'Questionable'
+ image: 'https://i.minus.com/i0mtOEsBC9GlY.png'
+ 'Yoko_Littner_2':
+ category: 'Anime'
+ image: 'https://i.minus.com/i7aUDY4h9uB1T.png'
+ center: true
+ 'Yoko_Littner_3':
+ category: 'Anime'
+ image: 'https://i.minus.com/iYVd5DhCmB7VJ.png'
+ center: true
+ 'Yozora_Mikazuki':
+ category: 'Anime'
+ image: 'https://i.minus.com/iIFEsDzoDALQd.png'
+ 'Yuzuki_Yukari':
+ category: 'Anime'
+ image: 'https://i.minus.com/iYQOz0iGM9ygq.png'
+ center: true
+ 'Yukkikaze':
+ category: 'Anime'
+ image: 'https://i.minus.com/ioQJAnyXebHDJ.png'
+ center: true
+ 'Yukkihaze_2':
+ category: 'Anime'
+ image: 'https://i.minus.com/inpgaDlJtZ9Sc.png'
+ center: true
+
+Themes =
+ 'AppChan':
+ 'Author' : 'Zixaphir'
+ 'Author Tripcode' : '!..NoTrip..'
+ 'Background Color' : 'rgba(44,44,44,1)'
+ 'Thread Wrapper Background' : 'rgba(0,0,0,0)'
+ 'Thread Wrapper Border' : 'rgba(0,0,0,0)'
+ 'Dialog Background' : 'rgba(44,44,44,1)'
+ 'Dialog Border' : 'rgba(44,44,44,1)'
+ 'Reply Background' : 'rgba(51,51,51,1)'
+ 'Reply Border' : 'rgba(51,51,51,1)'
+ 'Highlighted Reply Background': 'rgba(57,57,57,1)'
+ 'Highlighted Reply Border' : 'rgba(57,57,57,1)'
+ 'Backlinked Reply Outline' : 'rgba(98,124,141,1)'
+ 'Input Background' : 'rgba(51,51,51,1)'
+ 'Input Border' : 'rgba(51,51,51,1)'
+ 'Checkbox Background' : 'rgba(68,68,68,1)'
+ 'Checkbox Border' : 'rgba(68,68,68,1)'
+ 'Checkbox Checked Background' : 'rgba(17,17,17,1)'
+ 'Buttons Background' : 'rgba(48,48,48,1)'
+ 'Buttons Border' : 'rgba(48,48,48,1)'
+ 'Focused Input Background' : 'rgba(63,63,63,1)'
+ 'Focused Input Border' : 'rgba(63,63,63,1)'
+ 'Hovered Input Background' : 'rgba(57,57,57,1)'
+ 'Hovered Input Border' : 'rgba(57,57,57,1)'
+ 'Navigation Background' : 'rgba(44,44,44,0.9)'
+ 'Navigation Border' : 'rgba(44,44,44,0.9)'
+ 'Quotelinks' : 'rgb(79,95,143)'
+ 'Backlinks' : 'rgb(79,95,143)'
+ 'Links' : 'rgb(102,136,170)'
+ 'Hovered Links' : 'rgb(78,110,142)'
+ 'Navigation Links' : 'rgb(170,170,170)'
+ 'Hovered Navigation Links' : 'rgb(78,110,142)'
+ 'Names' : 'rgb(170,170,170)'
+ 'Tripcodes' : 'rgb(170,170,170)'
+ 'Emails' : 'rgb(102,136,170)'
+ 'Subjects' : 'rgb(144,144,144)'
+ 'Text' : 'rgb(170,170,170)'
+ 'Inputs' : 'rgb(170,170,170)'
+ 'Post Numbers' : 'rgb(102,136,170)'
+ 'Greentext' : 'rgb(120,153,34)'
+ 'Sage' : 'rgb(150,150,150)'
+ 'Board Title' : 'rgb(170,170,170)'
+ 'Timestamps' : 'rgb(170,170,170)'
+ 'Warnings' : 'rgb(102,136,170)'
+ 'Shadow Color' : 'rgba(0,0,0,.1)'
+ 'Custom CSS' : ''
+
+ 'BakaBT':
+ 'Author' : 'seaweed'
+ 'Author Tripcode' : '!POMF.9waa'
+ 'Background Image' : 'url("http://i.imgur.com/rTkxi.jpg")'
+ 'Background Attachment' : 'fixed'
+ 'Background Position' : '20px 20px'
+ 'Background Repeat' : 'repeat'
+ 'Background Color' : 'rgba(238,238,238,1)'
+ 'Thread Wrapper Background' : 'rgba(255,255,255,1)'
+ 'Thread Wrapper Border' : 'rgba(204,204,204,1)'
+ 'Dialog Background' : 'rgba(238,221,255,1)'
+ 'Dialog Border' : 'rgba(238,221,255,1)'
+ 'Reply Background' : 'rgba(238,221,255,1)'
+ 'Reply Border' : 'rgba(209,162,255,1)'
+ 'Highlighted Reply Background': 'rgba(238,221,255,1)'
+ 'Highlighted Reply Border' : 'rgba(209,162,255,1)'
+ 'Backlinked Reply Outline' : 'rgba(204,101,99,1)'
+ 'Input Background' : 'rgba(255,255,255,1)'
+ 'Input Border' : 'rgba(204,204,204,1)'
+ 'Checkbox Background' : 'rgba(255,255,238,1)'
+ 'Checkbox Border' : 'rgba(204,204,204,1)'
+ 'Checkbox Checked Background' : 'rgba(188,192,212,1)'
+ 'Buttons Background' : 'rgba(255,255,255,1)'
+ 'Buttons Border' : 'rgba(204,204,204,1)'
+ 'Focused Input Background' : 'rgba(255,255,255,1)'
+ 'Focused Input Border' : 'rgba(209,162,255,1)'
+ 'Hovered Input Background' : 'rgba(238,221,255,1)'
+ 'Hovered Input Border' : 'rgba(204,204,204,1)'
+ 'Navigation Background' : 'rgba(255,255,255,0.8)'
+ 'Navigation Border' : 'rgba(255,255,255,0.8)'
+ 'Quotelinks' : 'rgb(146,92,141)'
+ 'Backlinks' : 'rgb(146,92,141)'
+ 'Links' : 'rgb(133,76,158)'
+ 'Hovered Links' : 'rgb(198,23,230)'
+ 'Navigation Links' : 'rgb(17,17,17)'
+ 'Hovered Navigation Links' : 'rgb(198,23,230)'
+ 'Names' : 'rgb(133,76,158)'
+ 'Tripcodes' : 'rgb(146,92,141)'
+ 'Emails' : 'rgb(133,76,158)'
+ 'Subjects' : 'rgb(17,17,17)'
+ 'Text' : 'rgb(0,0,0)'
+ 'Inputs' : 'rgb(0,0,0)'
+ 'Post Numbers' : 'rgb(146,92,141)'
+ 'Greentext' : 'rgb(129,153,65)'
+ 'Sage' : 'rgb(146,92,141)'
+ 'Board Title' : 'rgb(133,76,158)'
+ 'Timestamps' : 'rgb(0,0,0)'
+ 'Warnings' : 'rgb(133,76,158)'
+ 'Shadow Color' : 'rgba(0,0,0,.05)'
+ 'Custom CSS' : """
+.board {
+ box-shadow: 0px 10px 10px 2px rgba(128,128,128,0.5);
+ border-radius: 3px;
+}
+.thread {
+ padding:10px;
+}
+#options.reply.dialog,
+#options .dialog {
+ background-color:#FFF;
+ color:#000;
+ border:2px solid #CCC;
+}
+#options ul {
+ border-bottom:1px solid #DBD8D2;
+}
+#options ul:last-of-type{
+ border:none;
+}
+#qp div.post{
+ background-color:rgba(255,255,255,0.9);
+ border:1px solid #D1A2FF;
+ color:#000;
+}"""
+
+ 'Blackberry Jam':
+ 'Author' : 'seaweed'
+ 'Author Tripcode' : '!POMF.9waa'
+ 'Dialog Background' : 'rgba(27,27,27,1)'
+ 'Dialog Border' : 'rgba(27,27,27,1)'
+ 'Background Color' : 'rgba(45,45,45,1)'
+ 'Thread Wrapper Background' : 'rgba(0,0,0,0)'
+ 'Thread Wrapper Border' : 'rgba(0,0,0,0)'
+ 'Reply Background' : 'rgba(27,27,27,1)'
+ 'Reply Border' : 'rgba(38,38,38,1)'
+ 'Highlighted Reply Background': 'rgba(17,17,17,1)'
+ 'Highlighted Reply Border' : 'rgba(17,17,17,1)'
+ 'Backlinked Reply Outline' : 'rgba(103,204,232,1)'
+ 'Checkbox Background' : 'rgba(51,51,51,1)'
+ 'Checkbox Border' : 'rgba(51,51,51,1)'
+ 'Input Background' : 'rgba(27,27,27,1)'
+ 'Input Border' : 'rgba(27,27,27,1)'
+ 'Focused Input Background' : 'rgba(27,27,27,1)'
+ 'Focused Input Border' : 'rgba(27,27,27,1)'
+ 'Hovered Input Background' : 'rgba(17,17,17,1)'
+ 'Hovered Input Border' : 'rgba(17,17,17,1)'
+ 'Checkbox Checked Background' : 'rgba(17,17,17,1)'
+ 'Buttons Background' : 'rgba(27,27,27,1)'
+ 'Buttons Border' : 'rgba(27,27,27,1)'
+ 'Navigation Background' : 'rgba(45,45,45,0.9)'
+ 'Navigation Border' : 'rgba(45,45,45,0.9)'
+ 'Links' : 'rgb(218,105,224)'
+ 'Hovered Links' : 'rgb(255,0,255)'
+ 'Navigation Links' : 'rgb(241,241,241)'
+ 'Hovered Navigation Links' : 'rgb(255,0,255)'
+ 'Subjects' : 'rgb(241,241,241)'
+ 'Names' : 'rgb(103,204,232)'
+ 'Sage' : 'rgb(103,204,232)'
+ 'Tripcodes' : 'rgb(103,204,232)'
+ 'Emails' : 'rgb(218,105,224)'
+ 'Post Numbers' : 'rgb(218,105,224)'
+ 'Text' : 'rgb(241,241,241)'
+ 'Quotelinks' : 'rgb(223,153,247)'
+ 'Backlinks' : 'rgb(223,153,247)'
+ 'Greentext' : 'rgb(108,204,102)'
+ 'Board Title' : 'rgb(103,204,232)'
+ 'Timestamps' : 'rgb(218,105,224)'
+ 'Inputs' : 'rgb(218,105,224)'
+ 'Warnings' : 'rgb(103,204,232)'
+ 'Shadow Color' : 'rgba(0,0,0,.1)'
+ 'Custom CSS' : """
+.reply.post {
+ box-shadow: inset 0px 1px 2px 1px #111;
+}
+#qr {
+ box-shadow: none;
+}
+#qr textarea,
+#qr input[name="name"],
+#qr input[name="email"],
+#qr input[name="sub"],
+#qr input[title="Verification"] {
+ box-shadow: inset 0px 1px 2px 0px #111;
+}
+#qp .post {
+ background-color: rgba(29,29,33,1);
+ border: 1px solid rgba(95,137,172,0.4);
+}
+"""
+
+ 'Midnight Caek':
+ 'Author' : 'Zixaphir'
+ 'Author Tripcode' : '!M.........'
+ 'Background Color' : 'rgba(16,16,16,1)'
+ 'Thread Wrapper Background' : 'rgba(0,0,0,0)'
+ 'Thread Wrapper Border' : 'rgba(0,0,0,0)'
+ 'Dialog Background' : 'rgba(28,28,28,1)'
+ 'Dialog Border' : 'rgba(28,28,28,1)'
+ 'Reply Background' : 'rgba(28,28,28,1)'
+ 'Reply Border' : 'rgba(28,28,28,1)'
+ 'Highlighted Reply Background': 'rgba(24,24,24,1)'
+ 'Highlighted Reply Border' : 'rgba(24,24,24,1)'
+ 'Backlinked Reply Outline' : 'rgba(98,124,141,1)'
+ 'Input Background' : 'rgba(28,28,28,1)'
+ 'Input Border' : 'rgba(28,28,28,1)'
+ 'Hovered Input Background' : 'rgba(24,24,24,1)'
+ 'Hovered Input Border' : 'rgba(24,24,24,1)'
+ 'Focused Input Background' : 'rgba(16,16,16,1)'
+ 'Focused Input Border' : 'rgba(28,28,28,1)'
+ 'Checkbox Background' : 'rgba(0,0,0,1)'
+ 'Checkbox Border' : 'rgba(60,60,60,1)'
+ 'Checkbox Checked Background' : 'rgba(60,60,60,1)'
+ 'Buttons Background' : 'rgba(24,24,24,1)'
+ 'Buttons Border' : 'rgba(24,24,24,1)'
+ 'Navigation Background' : 'rgba(16,16,16,0.9)'
+ 'Navigation Border' : 'rgba(16,16,16,0.9)'
+ 'Quotelinks' : 'rgb(71,71,91)'
+ 'Backlinks' : 'rgb(66,66,71)'
+ 'Links' : 'rgb(87,87,123)'
+ 'Hovered Links' : 'rgb(71,71,91)'
+ 'Navigation Links' : 'rgb(144,144,144)'
+ 'Hovered Navigation Links' : 'rgb(71,71,91)'
+ 'Names' : 'rgb(124,45,45)'
+ 'Tripcodes' : 'rgb(62,113,87)'
+ 'Emails' : 'rgb(68,68,68)'
+ 'Subjects' : 'rgb(170,170,170)'
+ 'Text' : 'rgb(144,144,144)'
+ 'Inputs' : 'rgb(144,144,144)'
+ 'Post Numbers' : 'rgb(144,144,144)'
+ 'Greentext' : 'rgb(113,121,62)'
+ 'Sage' : 'rgb(68,68,68)'
+ 'Board Title' : 'rgb(144,144,144)'
+ 'Timestamps' : 'rgb(144,144,144)'
+ 'Warnings' : 'rgb(87,87,123)'
+ 'Shadow Color' : 'rgba(0,0,0,.1)'
+ 'Custom CSS' : ''
+
+ 'Minimalistic Mayhem':
+ 'Author' : 'Mayhem'
+ 'Author Tripcode' : '!MayhemYDG.'
+ 'Background Image' : 'url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAIAAAACDbGyAAAAAXNSR0IArs4c6QAAACdJREFUCNdNxzEBADAMwzCnOMwfWYDs2JNPCgCoH9m0zQa4jXob4AGJFwxchPNwQAAAAABJRU5ErkJggg==")'
+ 'Background Color' : 'rgba(25,25,25,1)'
+ 'Dialog Background' : 'rgba(34,34,34,1)'
+ 'Dialog Border' : 'rgba(41,41,41,1)'
+ 'Thread Wrapper Background' : 'rgba(34,34,34,1)'
+ 'Thread Wrapper Border' : 'rgba(0,0,0,1)'
+ 'Reply Background' : 'rgba(51,51,51,1)'
+ 'Reply Border' : 'rgba(17,17,17,1)'
+ 'Highlighted Reply Background': 'rgba(37,38,42,1)'
+ 'Highlighted Reply Border' : 'rgba(85,85,85,1)'
+ 'Backlinked Reply Outline' : 'rgba(98,124,141,1)'
+ 'Checkbox Background' : 'rgba(57,57,57,1)'
+ 'Checkbox Border' : 'rgba(25,25,25,1)'
+ 'Input Background' : 'rgba(34,34,34,1)'
+ 'Input Border' : 'rgba(21,21,21,1)'
+ 'Focused Input Background' : 'rgba(32,32,32,1)'
+ 'Focused Input Border' : 'rgba(102,102,102,1)'
+ 'Hovered Input Background' : 'rgba(24,24,24,1)'
+ 'Hovered Input Border' : 'rgba(21,21,21,1)'
+ 'Checkbox Checked Background' : 'rgba(57,57,57,1)'
+ 'Buttons Background' : 'rgba(32,32,32,1)'
+ 'Buttons Border' : 'rgba(16,16,16,1)'
+ 'Navigation Background' : 'rgba(26,26,26,0.9)'
+ 'Navigation Border' : 'rgba(26,26,26,0.9)'
+ 'Links' : 'rgb(85,156,122)'
+ 'Hovered Links' : 'rgb(199,222,26)'
+ 'Navigation Links' : 'rgb(144,144,144)'
+ 'Hovered Navigation Links' : 'rgb(198,23,230)'
+ 'Subjects' : 'rgb(72,98,115)'
+ 'Names' : 'rgb(46,136,166)'
+ 'Sage' : 'rgb(124,45,45)'
+ 'Tripcodes' : 'rgb(140,93,42)'
+ 'Emails' : 'rgb(174,43,41)'
+ 'Post Numbers' : 'rgb(137,115,153)'
+ 'Text' : 'rgb(221,221,221)'
+ 'Quotelinks' : 'rgb(139,164,70)'
+ 'Backlinks' : 'rgb(139,164,70)'
+ 'Greentext' : 'rgb(139,164,70)'
+ 'Board Title' : 'rgb(187,187,187)'
+ 'Timestamps' : 'rgb(221,221,221)'
+ 'Inputs' : 'rgb(187,187,187)'
+ 'Warnings' : 'rgb(87,87,123)'
+ 'Shadow Color' : 'rgba(0,0,0,.1)'
+ 'Custom CSS' : """
+.nameBlock > .useremail > postertrip {
+ color: rgb(137,115,153);
+}
+a.backlink:hover {
+ color: rgb(198,23,230);
+}
+.reply:target,
+.reply.highlight:target {
+ background:rgb(37,38,42);
+}
+[alt="sticky"] + a {
+ color: rgb(242,141,0);
+}
+[alt="closed"] + a {
+ color: rgb(178,171,130);
+}
+input:checked .rice {
+ border-color:rgb(21,21,21);
+}
+input[type="submit"],
+input[type="button"],
+button {
+ background: linear-gradient(#393939, #292929);
+ border: 1px solid #191919;
+ color: #AAA;
+ text-shadow: 0 1px 1px #191919;
+}
+input[type="checkbox"],
+input[type="radio"] {
+background-color: #393939;
+ border: 1px solid #191919;
+}
+input[type="checkbox"]:checked,
+input[type="radio"]:checked {
+ background: linear-gradient(#595959, #393939);
+ border: 1px solid #151515;
+}
+.thread {
+ padding: 7px;
+}
+.subject:hover,
+div.post:hover .subject {
+ color: #3F8DBF !important;
+}
+.postertrip:hover,
+div.post:hover .postertrip {
+ color:#CC7212 !important;
+}
+.name:hover,
+div.post:hover .name {
+ color: #0AAEE7 !important;
+}
+.name,
+.subject,
+.postertrip {
+ -webkit-transition:color .3s ease-in-out;
+ -moz-transition:color .3s ease-in-out;
+ -o-transition:color .3s ease-in-out;
+}"""
+
+ 'ObsidianChan':
+ 'Author' : 'seaweed'
+ 'Author Tripcode' : '!POMF.9waa'
+ 'Background Image' : 'url("http://i.imgur.com/sbi8u.png")'
+ 'Background Attachment' : 'fixed'
+ 'Dialog Background' : 'rgba(0,0,0,0.7)'
+ 'Dialog Border' : 'rgba(0,0,0,0.7)'
+ 'Background Color' : 'rgba(0,0,0,1)'
+ 'Thread Wrapper Background' : 'rgba(0,0,0,0.3)'
+ 'Thread Wrapper Border' : 'rgba(51,51,51,1)'
+ 'Reply Background' : 'rgba(0,0,0,0.6)'
+ 'Reply Border' : 'rgba(0,0,0,0.6)'
+ 'Highlighted Reply Background': 'rgba(0,0,0,0.4)'
+ 'Highlighted Reply Border' : 'rgba(0,0,0,0.4)'
+ 'Backlinked Reply Outline' : 'rgba(98,124,141,1)'
+ 'Checkbox Background' : 'rgba(68,68,68,1)'
+ 'Checkbox Border' : 'rgba(68,68,68,1)'
+ 'Input Background' : 'rgba(0,0,0,0.6)'
+ 'Input Border' : 'rgba(0,0,0,0.6)'
+ 'Hovered Input Background' : 'rgba(0,0,0,0.4)'
+ 'Hovered Input Border' : 'rgba(0,0,0,0.4)'
+ 'Focused Input Background' : 'rgba(0,0,0,0.4)'
+ 'Focused Input Border' : 'rgba(0,0,0,0.4)'
+ 'Checkbox Checked Background' : 'rgba(255,0,127,1)'
+ 'Buttons Background' : 'rgba(0,0,0,0.4)'
+ 'Buttons Border' : 'rgba(0,0,0,0.4)'
+ 'Navigation Background' : 'rgba(0,0,0,0.7)'
+ 'Navigation Border' : 'rgba(0,0,0,0.7)'
+ 'Links' : 'rgb(0,255,255)'
+ 'Hovered Links' : 'rgb(0,255,255)'
+ 'Navigation Links' : 'rgb(253,254,255)'
+ 'Hovered Navigation Links' : 'rgb(253,254,255)'
+ 'Subjects' : 'rgb(144,144,144)'
+ 'Names' : 'rgb(253,254,255)'
+ 'Sage' : 'rgb(253,254,255)'
+ 'Tripcodes' : 'rgb(255,82,203)'
+ 'Emails' : 'rgb(0,255,255)'
+ 'Post Numbers' : 'rgb(0,255,255)'
+ 'Text' : 'rgb(253,254,255)'
+ 'Quotelinks' : 'rgb(0,255,255)'
+ 'Backlinks' : 'rgb(0,255,255)'
+ 'Greentext' : 'rgb(67,204,103)'
+ 'Board Title' : 'rgb(253,254,255)'
+ 'Timestamps' : 'rgb(253,254,255)'
+ 'Inputs' : 'rgb(253,254,255)'
+ 'Warnings' : 'rgb(0,255,255)'
+ 'Shadow Color' : 'rgba(0,0,0,.1)'
+ 'Custom CSS' : """
+#qp div.post{
+ background-color:rgba(0,0,0,0.8);
+ border: 1px solid #333;
+}
+#qr {
+ background-color: rgba(0,0,0,0.7);
+ border: 1px solid #333;
+}
+"""
+
+ 'PaisleyChan':
+ 'Author' : 'Ubuntufriend'
+ 'Author Tripcode' : '!TRip.C0d3'
+ 'Background Image' : 'url(http://i.imgur.com/DRaZf.jpg)'
+ 'Background Attachment' : 'fixed'
+ 'Background Repeat' : 'repeat'
+ 'Background Color' : 'rgba(19,19,19,1)'
+ 'Dialog Background' : 'rgba(16,16,16,1)'
+ 'Dialog Border' : 'rgba(16,16,16,1)'
+ 'Thread Wrapper Background' : 'rgba(52,56,56,0.3)'
+ 'Thread Wrapper Border' : 'rgba(52,56,56,0.3)'
+ 'Reply Background' : 'rgba(52,56,56,1)'
+ 'Reply Border' : 'rgba(0,0,0,0)'
+ 'Highlighted Reply Background': 'rgba(0,0,0,0)'
+ 'Highlighted Reply Border' : 'rgba(0,0,0,0)'
+ 'Backlinked Reply Outline' : 'rgba(98,124,141,1)'
+ 'Checkbox Background' : 'rgba(34,34,34,1)'
+ 'Checkbox Border' : 'rgba(60,60,60,1)'
+ 'Input Background' : 'rgba(28,28,28,1)'
+ 'Input Border' : 'rgba(28,28,28,1)'
+ 'Hovered Input Background' : 'rgba(24,24,24,1)'
+ 'Hovered Input Border' : 'rgba(24,24,24,1)'
+ 'Focused Input Background' : 'rgba(32,32,32,1)'
+ 'Focused Input Border' : 'rgba(32,32,32,1)'
+ 'Checkbox Checked Background' : 'rgba(34,34,34,1)'
+ 'Buttons Background' : 'rgba(32,32,32,1)'
+ 'Buttons Border' : 'rgba(32,32,32,1)'
+ 'Navigation Background' : 'rgba(16,16,16,0.9)'
+ 'Navigation Border' : 'rgba(16,16,16,0.9)'
+ 'Links' : 'rgb(187,187,187)'
+ 'Hovered Links' : 'rgb(0,223,252)'
+ 'Navigation Links' : 'rgb(153,153,153)'
+ 'Hovered Navigation Links' : 'rgb(0,223,252)'
+ 'Subjects' : 'rgb(170,170,170)'
+ 'Names' : 'rgb(128,172,206)'
+ 'Sage' : 'rgb(153,153,153)'
+ 'Tripcodes' : 'rgb(128,172,206)'
+ 'Emails' : 'rgb(187,187,187)'
+ 'Post Numbers' : 'rgb(153,153,153)'
+ 'Text' : 'rgb(153,153,153)'
+ 'Quotelinks' : 'rgb(212,212,212)'
+ 'Backlinks' : 'rgb(212,212,212)'
+ 'Greentext' : 'rgb(152,185,98)'
+ 'Board Title' : 'rgb(153,153,153)'
+ 'Timestamps' : 'rgb(153,153,153)'
+ 'Inputs' : 'rgb(153,153,153)'
+ 'Warnings' : 'rgb(187,187,187)'
+ 'Shadow Color' : 'rgba(0,0,0,.1)'
+ 'Custom CSS' : """
+#options {
+ background-color: rgba(16,16,16,1) !important;
+}
+#delform blockquote {
+ border-radius:3px;
+ color:#bbb;
+ background:#343838;
+ padding:8px;
+ box-shadow:0px 0px 20px rgba(25,25,25,0.6);
+ border:1px solid #343838;
+ border-bottom:2px solid #444848;
+ border-radius:0px 6px 6px 6px;
+ padding-top:15px;
+}
+.name {
+ font-weight:800;
+}
+.nameBlock > .useremail > .name:hover,
+.nameBlock> .useremail> .postertrip:hover {
+ color:#00dffc;
+}
+a.forwardlink {
+ color:#608cae;
+ font-weight:800;
+}
+div.reply,
+.reply.highlight {
+ padding:0;
+}
+#qp div.post {
+ border:1px solid rgba(128,172,206,0.5) !important;
+ background-color: rgba(24,24,24,0.9) !important;
+}
+.name,
+.postertrip {
+ text-shadow:0px 0px 6px rgba(20,20,20,0.9);
+ font-weight:bold;
+ background:#343838;
+ border:1px solid #343838;
+ border-radius:5px 5px 0px 0px;
+ padding:4px 6px;
+ padding-top:2px;
+}
+.board,
+.board blockquote {
+ margin:0 10px 15px 0 !important;
+ padding:0px;
+}
+a {
+ -moz-transition:all 0.5s ease;
+ -webkit-transition:all 0.5s ease;
+ -o-transition:all 0.5s ease;
+}
+a.pointer{
+ font-weight:bold;
+ font-weight:normal;
+ color:#777;
+ padding-right:5px;
+}
+.thread .opContainer,
+.thread .replyContainer {
+ opacity:0.45;
+ transition:all 0.5s ease;
+}
+.thread .opContainer:hover,
+.thread .replyContainer:hover {
+ opacity:1;
+}
+.reply.post,
+.reply.highlight {
+ background:transparent;
+ border:0px;
+ padding:0px;
+ padding-bottom:0px;
+ border-radius:6px;
+}
+#delform blockquote {
+ padding:5px;
+ background:#343838;
+ margin-top:0px;
+ min-height:20px;
+ padding-top:10px;
+ clear:none;
+}
+ #delform .file + blockquote{
+ margin-top:-16px !important;
+ padding-left:150px !important;
+}
+.file{
+ margin-top: 2px;
+}
+a.backlink{
+border:1px solid #343838;
+border-radius:5px 5px 0px 0px;
+background:#343838;
+padding:2px 4px 2px;
+ text-decoration:none;
+}
+a.forwardlink{
+ color:#608CAE;
+ text-shadow:0 0 6px rgba(96,140,174,0.8);
+}
+.subject{
+ font-weight: bold;
+ letter-spacing: 3px;
+ background: transparent;
+}
+.reply.post {
+ background-color: rgba(0,0,0,0) !important;
+ border: none !important;
+}
+#qp div.post .name,
+#qp div.post a.backlink,
+#qp div.post blockquote {
+ background:none !important;
+ border:none !important;
+ box-shadow:none !important;
+ border-radius:0px !important;
+}
+"""
+
+ 'Photon':
+ 'Author' : 'seaweed'
+ 'Author Tripcode' : '!POMF.9waa'
+ 'Background Color' : 'rgba(238,238,238,1)'
+ 'Dialog Background' : 'rgba(238,238,238,1)'
+ 'Dialog Border' : 'rgba(204,204,204,1)'
+ 'Thread Wrapper Background' : 'rgba(0,0,0,0)'
+ 'Thread Wrapper Border' : 'rgba(0,0,0,0)'
+ 'Reply Background' : 'rgba(221,221,221,1)'
+ 'Reply Border' : 'rgba(204,204,204,1)'
+ 'Highlighted Reply Background': 'rgba(204,204,204,1)'
+ 'Highlighted Reply Border' : 'rgba(204,204,204,1)'
+ 'Backlinked Reply Outline' : 'rgba(98,124,141,1)'
+ 'Checkbox Background' : 'rgba(255,255,238)'
+ 'Checkbox Border' : 'rgba(255,255,238)'
+ 'Checkbox Checked Background' : 'rgba(188,192,212)'
+ 'Input Background' : 'rgba(255,255,255,1)'
+ 'Input Border' : 'rgba(204,204,204,1)'
+ 'Hovered Input Background' : 'rgba(204,204,204,1)'
+ 'Hovered Input Border' : 'rgba(204,204,204,1)'
+ 'Focused Input Background' : 'rgba(255,255,255,1)'
+ 'Focused Input Border' : 'rgba(0,74,153,1)'
+ 'Buttons Background' : 'rgba(255,255,238,1)'
+ 'Buttons Border' : 'rgba(204,204,204,1)'
+ 'Navigation Background' : 'rgba(238,238,238,0.9)'
+ 'Navigation Border' : 'rgba(238,238,238,0.9)'
+ 'Links' : 'rgb(255,102,0)'
+ 'Hovered Links' : 'rgb(255,51,0)'
+ 'Navigation Links' : 'rgb(17,17,17)'
+ 'Hovered Navigation Links' : 'rgb(255,51,0)'
+ 'Subjects' : 'rgb(17,17,17)'
+ 'Names' : 'rgb(0,74,153)'
+ 'Sage' : 'rgb(51,51,51)'
+ 'Tripcodes' : 'rgb(255,51,0)'
+ 'Emails' : 'rgb(255,102,0)'
+ 'Post Numbers' : 'rgb(51,51,51)'
+ 'Text' : 'rgb(51,51,51)'
+ 'Quotelinks' : 'rgb(17,17,17)'
+ 'Backlinks' : 'rgb(17,17,17)'
+ 'Greentext' : 'rgb(120,153,34)'
+ 'Board Title' : 'rgb(0,74,153)'
+ 'Timestamps' : 'rgb(51,51,51)'
+ 'Inputs' : 'rgb(0,0,0)'
+ 'Warnings' : 'rgb(51,51,51)'
+ 'Shadow Color' : 'rgba(0,0,0,.05)'
+ 'Custom CSS' : """
+.fileText{
+ color: rgb(102,102,102);
+}
+.boardTitle {
+ color: #004a99 !important;
+ text-shadow: 1px 1px 1px #222 !important;
+}
+.boardSubtitle,
+.boardBanner .boardSubtitle > a {
+ text-shadow: none !important;
+}
+"""
+
+ 'RedUX':
+ 'Author' : 'Zixaphir'
+ 'Author Tripcode' : '!VGsTHECURE'
+ 'Background Image' : 'linear-gradient(rgba(210,210,210,0.7), rgba(240,240,240,0.4) 400px, rgba(240,240,240,0.3)), url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIQAAACEAQMAAABrihHkAAAABlBMVEX///8AAABVwtN+AAAAAnRSTlMASuCaZbYAAAA+SURBVHhe7c2xCQAgDAXRKywsHcFRdDNxchtBkhHk4Lp88ui7hhaztBCkyYZ7fFHzI/Jk/GRpaWlpaWlpaR3scHNQSY3kigAAAABJRU5ErkJggg==")'
+ 'Background Attachment' : 'fixed, scroll'
+ 'Background Position' : 'top, center'
+ 'Background Repeat' : 'no-repeat, repeat'
+ 'Background Color' : 'rgba(238,242,255,1)'
+ 'Thread Wrapper Background' : 'rgb(230,230,230)'
+ 'Thread Wrapper Border' : 'rgba(204,204,204,1)'
+ 'Dialog Background' : 'linear-gradient(rgb(222,222,222), rgb(240,240,240) 200px, rgb(240,240,240))'
+ 'Dialog Border' : 'rgb(220,210,210)'
+ 'Reply Background' : 'rgba(230,230,230,1)'
+ 'Reply Border' : 'rgba(204,204,204,1)'
+ 'Highlighted Reply Background': 'rgba(219,219,219,1)'
+ 'Highlighted Reply Border' : 'rgba(219,219,219,1)'
+ 'Backlinked Reply Outline' : 'rgba(98,124,141,1)'
+ 'Input Background' : 'linear-gradient(rgb(222,222,222), rgb(240,240,240)), rgb(240,240,240)'
+ 'Input Border' : 'rgb(220,210,210)'
+ 'Hovered Input Background' : 'linear-gradient(rgba(214,186,208,0.7), rgb(240,240,240)), rgb(240,240,240)'
+ 'Hovered Input Border' : 'rgba(214,186,208,1)'
+ 'Focused Input Background' : 'rgb(240,240,240)'
+ 'Focused Input Border' : 'rgb(220,210,210)'
+ 'Checkbox Background' : 'rgba(238,242,255,1)'
+ 'Checkbox Checked Background' : 'rgba(255,255,255,1)'
+ 'Checkbox Border' : 'rgba(180,180,180,1)'
+ 'Buttons Background' : 'linear-gradient(rgb(222,222,222), rgb(240,240,240)), rgb(240,240,240)'
+ 'Buttons Border' : 'rgb(220,210,210)'
+ 'Navigation Background' : 'rgba(230,230,230,0.8)'
+ 'Navigation Border' : 'rgba(204,204,204,1)'
+ 'Quotelinks' : 'rgb(153,51,51)'
+ 'Backlinks' : 'rgb(153,51,51)'
+ 'Links' : 'rgb(87,87,123)'
+ 'Hovered Links' : 'rgb(221,0,0)'
+ 'Navigation Links' : 'rgb(0,0,0)'
+ 'Hovered Navigation Links' : 'rgb(87,87,123)'
+ 'Names' : 'rgb(119,51,51)'
+ 'Tripcodes' : 'rgb(119,51,51)'
+ 'Emails' : 'rgb(87,87,123)'
+ 'Subjects' : 'rgb(15,12,93)'
+ 'Text' : 'rgb(0,0,0)'
+ 'Inputs' : 'rgb(0,0,0)'
+ 'Post Numbers' : 'rgb(0,0,0)'
+ 'Greentext' : 'rgb(34,133,34)'
+ 'Sage' : 'rgb(87,87,123)'
+ 'Board Title' : 'rgb(119,51,51)'
+ 'Timestamps' : 'rgb(0,0,0)'
+ 'Warnings' : 'rgb(87,87,123)'
+ 'Shadow Color' : 'rgba(0,0,0,.07)'
+ 'Custom CSS' : """
+.thread .reply {
+ background-color: transparent;
+ border-color: #ccc transparent transparent transparent;
+ border-style: solid;
+ border-radius: 0 !important;
+ margin-bottom: 0;
+}
+.thread .op {
+ padding: 0 3px;
+}
+#themes {
+ text-shadow: none;
+}
+#qp {
+ text-shadow: 1px 0 0 rgb(0,0,0),
+ 1px 1px 0 rgb(0,0,0),
+ 0 1px 0 rgb(0,0,0),
+ 1px 1px 2px rgb(0,0,0);
+}
+#qp .op.post,
+#qp .reply.post {
+ border: 1px rgba(0,0,0,0.7) solid;
+ background: linear-gradient(to right, rgba(0,0,0,0.7), rgba(0,0,0,0.5)), transparent;
+}
+#qp div.post,
+#qp .pln,
+#qp .postNum a {
+ color: #fcd;
+}
+#qp .dateTime {
+ color: #fcd !important;
+}
+#qp .subject,
+#qp .nameBlock > .useremail > .name,
+#qp .nameBlock > .useremail > .postertrip,
+#qp .name,
+#qp .postertrip,
+#qp .trip {
+ color: #ffaac0 !important;
+}
+#qp a {
+ color: #aaaac8;
+}
+.boardBanner a,
+#qp a.backlink,
+#qp span.quote > a.quotelink {
+ color: rgb(255,255,255);
+}
+#qp span.quote {
+ color: rgb(130,163,100);
+}
+.board {
+ box-shadow: 0 20px 40px 10px rgba(0,0,0,0.1);
+ border-radius: 4px;
+}
+:not(#themes) .rice {
+ box-shadow:rgba(170, 170, 170,0.3) 0 1px;
+}
+#qp .prettyprint {
+ background-color: rgba(0,0,0,0.3);
+ border: 1px solid rgba(0,0,0,0.5);
+}
+#qp span.tag {
+ color: #96562c;
+}
+#qp span.pun {
+ color: #5b6f2a;
+}
+#qp span.com {
+ color: #a34443;
+}
+#qp span.str,
+#qp span.atv {
+ color: #8ba446;
+}
+#qp span.kwd {
+ color: #987d3e;
+}
+#qp span.typ,
+#qp span.atn {
+ color: #897399;
+}
+#qp span.lit {
+ color: #558773;
+}
+"""
+
+ 'Solarized':
+ 'Author' : 'ubuntufriend'
+ 'Author Tripcode' : '!TRip.C0d'
+ 'Background Color' : 'rgba(7,54,66,1)'
+ 'Dialog Background' : 'rgba(0,43,54,1)'
+ 'Dialog Border' : 'rgba(0,43,54,1)'
+ 'Thread Wrapper Background' : 'rgba(0,0,0,0)'
+ 'Thread Wrapper Border' : 'rgba(0,0,0,0)'
+ 'Reply Background' : 'rgba(0,43,54,1)'
+ 'Reply Border' : 'rgba(0,43,54,1)'
+ 'Highlighted Reply Background': 'rgba(7,54,66,1)'
+ 'Highlighted Reply Border' : 'rgba(7,54,66,1)'
+ 'Backlinked Reply Outline' : 'rgba(98,124,141,1)'
+ 'Checkbox Background' : 'rgba(88,110,117,1)'
+ 'Checkbox Border' : 'rgba(88,110,117,1)'
+ 'Checkbox Checked Background' : 'rgba(17,17,17,1)'
+ 'Input Background' : 'rgba(0,43,54,1)'
+ 'Input Border' : 'rgba(0,43,54,1)'
+ 'Hovered Input Background' : 'rgba(7,54,66,1)'
+ 'Hovered Input Border' : 'rgba(7,54,66,1)'
+ 'Focused Input Background' : 'rgba(7,54,66,1)'
+ 'Focused Input Border' : 'rgba(7,54,66,1)'
+ 'Buttons Background' : 'rgba(0,43,54,1)'
+ 'Buttons Border' : 'rgba(0,43,54,1)'
+ 'Navigation Background' : 'rgba(7,54,66,1)'
+ 'Navigation Border' : 'rgba(7,54,66,1)'
+ 'Links' : 'rgb(108,113,196)'
+ 'Hovered Links' : 'rgb(211,54,130)'
+ 'Navigation Links' : 'rgb(147,161,161)'
+ 'Hovered Navigation Links' : 'rgb(211,54,130)'
+ 'Subjects' : 'rgb(203,75,22)'
+ 'Names' : 'rgb(88,110,117)'
+ 'Sage' : 'rgb(108,113,196)'
+ 'Tripcodes' : 'rgb(42,161,152)'
+ 'Emails' : 'rgb(108,113,196)'
+ 'Post Numbers' : 'rgb(147,161,161)'
+ 'Text' : 'rgb(147,161,161)'
+ 'Quotelinks' : 'rgb(79,95,143)'
+ 'Backlinks' : 'rgb(79,95,143)'
+ 'Greentext' : 'rgb(133,153,0)'
+ 'Board Title' : 'rgb(147,161,161)'
+ 'Timestamps' : 'rgb(147,161,161)'
+ 'Inputs' : 'rgb(147,161,161)'
+ 'Warnings' : 'rgb(108,113,196)'
+ 'Shadow Color' : 'rgba(0,0,0,.1)'
+ 'Custom CSS' : """
+#qp div.post {
+ background-color:rgba(7,54,66,0.9);
+ border:1px solid rgba(79,95,143,0.9);
+}
+"""
+
+ 'Yotsuba':
+ 'Author' : 'moot'
+ 'Author Tripcode' : '!Ep8pui8Vw2'
+ 'Background Image' : 'linear-gradient(rgb(254,214,175), rgb(255,255,238) 200px, rgb(255,255,238))'
+ 'Background Color' : 'rgba(255,255,238,1)'
+ 'Dialog Background' : 'rgba(240,224,214,1)'
+ 'Dialog Border' : 'rgba(217,191,183,1)'
+ 'Thread Wrapper Background' : 'rgba(0,0,0,0)'
+ 'Thread Wrapper Border' : 'rgba(0,0,0,0)'
+ 'Reply Background' : 'rgba(240,224,214,1)'
+ 'Reply Border' : 'rgba(217,191,183,1)'
+ 'Highlighted Reply Background': 'rgba(240,192,176,1)'
+ 'Highlighted Reply Border' : 'rgba(217,191,183,1)'
+ 'Backlinked Reply Outline' : 'rgba(98,124,141,1)'
+ 'Checkbox Background' : 'rgba(255,255,238,1)'
+ 'Checkbox Border' : 'rgba(217,191,183,1)'
+ 'Checkbox Checked Background' : 'rgba(255,255,238,1)'
+ 'Input Background' : 'rgba(240,224,214,1)'
+ 'Input Border' : 'rgba(217,191,183,1)'
+ 'Hovered Input Background' : 'rgba(240,224,214,1)'
+ 'Hovered Input Border' : 'rgba(217,191,183,1)'
+ 'Focused Input Background' : 'rgba(255,255,255,1)'
+ 'Focused Input Border' : 'rgba(128,0,0,1)'
+ 'Buttons Background' : 'rgba(240,192,176,1)'
+ 'Buttons Border' : 'rgba(217,191,183,1)'
+ 'Navigation Background' : 'rgba(240,192,176,0.7)'
+ 'Navigation Border' : 'rgba(217,191,183,1)'
+ 'Links' : 'rgb(186,0,0)'
+ 'Hovered Links' : 'rgb(221,0,0)'
+ 'Navigation Links' : 'rgb(128,0,0)'
+ 'Hovered Navigation Links' : 'rgb(221,0,0)'
+ 'Subjects' : 'rgb(204,17,5)'
+ 'Names' : 'rgb(17,119,67)'
+ 'Sage' : 'rgb(204,17,17)'
+ 'Tripcodes' : 'rgb(34,136,84)'
+ 'Emails' : 'rgb(186,0,0)'
+ 'Post Numbers' : 'rgb(128,0,0)'
+ 'Text' : 'rgb(128,0,0)'
+ 'Quotelinks' : 'rgb(221,0,0)'
+ 'Backlinks' : 'rgb(220,0,0)'
+ 'Greentext' : 'rgb(120,153,34)'
+ 'Board Title' : 'rgb(204,17,5)'
+ 'Timestamps' : 'rgb(186,0,0)'
+ 'Inputs' : 'rgb(0,0,0)'
+ 'Warnings' : 'rgb(128,0,0)'
+ 'Shadow Color' : 'rgba(0,0,0,.05)'
+ 'Custom CSS' : """
+#qp div.post {
+ background-color:rgba(240,192,176,1);
+ box-shadow:5px 5px 5px rgba(128,128,128,0.5);
+}
+.reply.post {
+ border-color: transparent rgba(240,224,214,1) rgba(240,224,214,1) transparent;
+}
+"""
+
+ 'Yotsuba B':
+ 'Author' : 'moot'
+ 'Author Tripcode' : '!Ep8pui8Vw2'
+ 'Background Image' : 'linear-gradient(rgb(209,213,238), rgb(238,242,255) 200px, rgb(238,242,255))'
+ 'Background Color' : 'rgba(238,242,255,1)'
+ 'Dialog Background' : 'rgba(214,218,240,1)'
+ 'Dialog Border' : 'rgba(183,197,217,1)'
+ 'Thread Wrapper Background' : 'rgba(0,0,0,0)'
+ 'Thread Wrapper Border' : 'rgba(0,0,0,0)'
+ 'Reply Background' : 'rgba(214,218,240,1)'
+ 'Reply Border' : 'rgba(183,197,217,1)'
+ 'Highlighted Reply Background': 'rgba(214,186,208,1)'
+ 'Highlighted Reply Border' : 'rgba(183,197,217,1)'
+ 'Backlinked Reply Outline' : 'rgba(98,124,141,1)'
+ 'Checkbox Background' : 'rgba(238,242,255,1)'
+ 'Checkbox Border' : 'rgba(183,197,217,1)'
+ 'Checkbox Checked Background' : 'rgba(188,192,212,1)'
+ 'Input Background' : 'rgba(238,242,255,1)'
+ 'Input Border' : 'rgba(183,197,217,1)'
+ 'Hovered Input Background' : 'rgba(214,186,208,1)'
+ 'Hovered Input Border' : 'rgba(183,197,217,1)'
+ 'Focused Input Background' : 'rgba(214,218,240,1)'
+ 'Focused Input Border' : 'rgba(153,136,238,1)'
+ 'Buttons Background' : 'rgba(214,218,240,1)'
+ 'Buttons Border' : 'rgba(183,197,217,1)'
+ 'Navigation Background' : 'rgba(211,215,238,0.7)'
+ 'Navigation Border' : 'rgba(183,197,217,1)'
+ 'Links' : 'rgb(52,52,92)'
+ 'Hovered Links' : 'rgb(221,0,0)'
+ 'Navigation Links' : 'rgb(0,0,0)'
+ 'Hovered Navigation Links' : 'rgb(221,0,0)'
+ 'Subjects' : 'rgb(15,12,93)'
+ 'Names' : 'rgb(17,119,67)'
+ 'Sage' : 'rgb(153,0,0)'
+ 'Tripcodes' : 'rgb(34,136,84)'
+ 'Emails' : 'rgb(87,87,123)'
+ 'Post Numbers' : 'rgb(0,0,0)'
+ 'Text' : 'rgb(0,0,0)'
+ 'Quotelinks' : 'rgb(221,0,0)'
+ 'Backlinks' : 'rgb(52,52,92)'
+ 'Greentext' : 'rgb(120,153,34)'
+ 'Board Title' : 'rgb(175,10,15)'
+ 'Timestamps' : 'rgb(0,0,0)'
+ 'Inputs' : 'rgb(0,0,0)'
+ 'Warnings' : 'rgb(87,87,123)'
+ 'Shadow Color' : 'rgba(0,0,0,.05)'
+ 'Custom CSS' : """
+#qp div.post {
+ background-color:rgba(214,186,208,1);
+ box-shadow:5px 5px 5px rgba(128,128,128,0.5);
+}
+.reply.post {
+ border-color: transparent rgba(183,197,217,1) rgba(183,197,217,1) transparent;
+}
+"""
+
+ 'Zenburned':
+ 'Author' : 'lazy'
+ 'Author Tripcode' : '!HONKYn7h1.'
+ 'Background Color' : 'rgba(63,63,63,1)'
+ 'Dialog Background' : 'rgba(87,87,87,1)'
+ 'Dialog Border' : 'rgba(87,87,87,1)'
+ 'Thread Wrapper Background' : 'rgba(0,0,0,0)'
+ 'Thread Wrapper Border' : 'rgba(0,0,0,0)'
+ 'Reply Background' : 'rgba(87,87,87,1)'
+ 'Reply Border' : 'rgba(87,87,87,1)'
+ 'Highlighted Reply Background': 'rgba(38,38,38,1)'
+ 'Highlighted Reply Border' : 'rgba(38,38,38,1)'
+ 'Backlinked Reply Outline' : 'rgba(98,124,141,1)'
+ 'Checkbox Background' : 'rgba(63,63,63,1)'
+ 'Checkbox Border' : 'rgba(136,136,136,1)'
+ 'Checkbox Checked Background' : 'rgba(17,17,17,1)'
+ 'Input Background' : 'rgba(87,87,87,1)'
+ 'Input Border' : 'rgba(136,136,136,1)'
+ 'Hovered Input Background' : 'rgba(38,38,38,1)'
+ 'Hovered Input Border' : 'rgba(38,38,38,1)'
+ 'Focused Input Background' : 'rgba(38,38,38,1)'
+ 'Focused Input Border' : 'rgba(153,136,238,1)'
+ 'Buttons Background' : 'rgba(49,60,54,1)'
+ 'Buttons Border' : 'rgba(136,136,136,1)'
+ 'Navigation Background' : 'rgba(63,63,63,0.9)'
+ 'Navigation Border' : 'rgba(63,63,63,0.9)'
+ 'Links' : 'rgb(239,220,188)'
+ 'Hovered Links' : 'rgb(248,248,147)'
+ 'Navigation Links' : 'rgb(220,220,204)'
+ 'Hovered Navigation Links' : 'rgb(248,248,147)'
+ 'Subjects' : 'rgb(170,170,170)'
+ 'Names' : 'rgb(192,190,209)'
+ 'Sage' : 'rgb(220,220,204)'
+ 'Tripcodes' : 'rgb(140,208,211)'
+ 'Emails' : 'rgb(239,220,188)'
+ 'Post Numbers' : 'rgb(220,220,204)'
+ 'Text' : 'rgb(220,220,204)'
+ 'Quotelinks' : 'rgb(220,163,163)'
+ 'Backlinks' : 'rgb(220,163,163)'
+ 'Greentext' : 'rgb(127,159,127)'
+ 'Board Title' : 'rgb(220,220,204)'
+ 'Timestamps' : 'rgb(220,220,204)'
+ 'Inputs' : 'rgb(220,220,204)'
+ 'Warnings' : 'rgb(239,220,188)'
+ 'Shadow Color' : 'rgba(0,0,0,.1)'
+ 'Custom CSS' : ''
+
+ "ピンク":
+ "Author" : "DrooidKun"
+ "Author Tripcode" : "!/Apk/MRkGM"
+ "Background Color" : "rgb(255,255,255)"
+ "Dialog Background" : "rgba(242,242,242,.98)"
+ "Dialog Border" : "rgb(240,240,240)"
+ "Thread Wrapper Background" : "rgba(0,0,0,0)"
+ "Thread Wrapper Border" : "rgba(0,0,0,0)"
+ "Reply Background" : "rgba(242,242,242,1.0)"
+ "Reply Border" : "rgb(240,240,240)"
+ "Highlighted Reply Background": "rgba(238,238,238,1.0)"
+ "Highlighted Reply Border" : "rgb(191,122,180)"
+ "Backlinked Reply Outline" : "rgb(191,122,180)"
+ "Checkbox Background" : "rgba(240,240,240,1.0)"
+ "Checkbox Border" : "rgb(222,222,222)"
+ "Checkbox Checked Background" : "rgb(240,240,240)"
+ "Input Background" : "rgba(240,240,240,1.0)"
+ "Input Border" : "rgb(222,222,222)"
+ "Hovered Input Background" : "rgba(224,224,224,1.0)"
+ "Hovered Input Border" : "rgb(222,222,222)"
+ "Focused Input Background" : "rgba(224,224,224,1.0)"
+ "Focused Input Border" : "rgb(222,222,222)"
+ "Buttons Background" : "rgba(240,240,240,1.0)"
+ "Buttons Border" : "rgb(222,222,222)"
+ "Navigation Background" : "rgba(255,255,255,0.8)"
+ "Navigation Border" : "rgb(242,242,242)"
+ "Quotelinks" : "rgb(191,122,180)"
+ "Links" : "rgb(191,122,180)"
+ "Hovered Links" : "rgb(198,105,201)"
+ "Navigation Links" : "rgb(77,77,76)"
+ "Hovered Navigation Links" : "rgb(198,105,201)"
+ "Subjects" : "rgb(77,77,77)"
+ "Names" : "rgb(204,94,193)"
+ "Sage" : "rgb(200,40,41)"
+ "Tripcodes" : "rgb(198,105,201)"
+ "Emails" : "rgb(191,122,180)"
+ "Post Numbers" : "rgb(191,122,180)"
+ "Text" : "rgb(77,77,76)"
+ "Backlinks" : "rgb(191,122,180)"
+ "Greentext" : "rgb(113,140,0)"
+ "Board Title" : "rgb(77,77,76)"
+ "Timestamps" : "rgb(77,77,76)"
+ "Inputs" : "rgb(77,77,76)"
+ "Warnings" : "rgb(200,40,41)"
+ "Shadow Color" : "rgba(0,0,0,0.05)"
+ "Custom CSS" : """
+.rice {
+ box-shadow:rgba(255,255,255,.3) 0 1px;
+}
+nput[type=password]:hover,
+input[type=text]:not([disabled]):hover,
+input#fs_search:hover,
+input.field:hover,
+.webkit select:hover,
+textarea:hover,
+#options input:not([type=checkbox]):hover {
+ box-shadow:inset rgba(0,0,0,.2) 0 1px 2px;
+}
+input[type=password]:focus,
+input[type=text]:focus,
+input#fs_search:focus,
+input.field:focus,
+.webkit select:focus,
+textarea:focus,
+#options input:focus {
+ box-shadow:inset rgba(0,0,0,.2) 0 1px 2px;
+}
+button,
+input,
+textarea,
+.rice {
+ transition:background .2s,box-shadow .2s;
+}
+.boardTitle {
+ color: #cc5ec1 !important;
+ text-shadow: 1px 1px 1px #772E28 !important;
+}
+.boardSubtitle,
+.boardBanner .boardSubtitle > a {
+ text-shadow: none !important;
+}
+"""
+
+ "Yotsuba Purple":
+ "Author" : "seaweed"
+ "Author Tripcode" : "!POMF.9waa"
+ "Background Image" : "linear-gradient(rgba(238,221,255,1.0), rgba(248,243,254,1) 200px, rgba(248,243,254,1))"
+ "Background Color" : "rgb(248,243,254)"
+ "Dialog Background" : "rgba(238,221,255,.98)"
+ "Dialog Border" : "rgb(202,183,217)"
+ "Thread Wrapper Background" : "rgba(0,0,0,0)"
+ "Thread Wrapper Border" : "rgba(0,0,0,0)"
+ "Reply Background" : "rgba(238,221,255,1.0)"
+ "Reply Border" : "rgb(202,183,217)"
+ "Highlighted Reply Background": "rgba(234,217,251,1.0)"
+ "Highlighted Reply Border" : "rgb(150,37,148)"
+ "Backlinked Reply Outline" : "rgb(150,37,148)"
+ "Checkbox Background" : "rgba(255,255,255,1.0)"
+ "Checkbox Border" : "rgb(202,183,217)"
+ "Checkbox Checked Background" : "rgb(255,255,255)"
+ "Input Background" : "rgba(255,255,255,1.0)"
+ "Input Border" : "rgb(202,183,217)"
+ "Hovered Input Background" : "rgba(239,239,239,1.0)"
+ "Hovered Input Border" : "rgb(202,183,217)"
+ "Focused Input Background" : "rgba(239,239,239,1.0)"
+ "Focused Input Border" : "rgb(202,183,217)"
+ "Buttons Background" : "rgba(255,255,255,1.0)"
+ "Buttons Border" : "rgb(202,183,217)"
+ "Navigation Background" : "rgba(229, 219, 240,.9)"
+ "Navigation Border" : "rgb(238,221,255)"
+ "Quotelinks" : "rgb(150,37,148)"
+ "Links" : "rgb(150,37,148)"
+ "Hovered Links" : "rgb(178,44,170)"
+ "Navigation Links" : "rgb(0,0,0)"
+ "Hovered Navigation Links" : "rgb(178,44,170)"
+ "Subjects" : "rgb(15,12,93)"
+ "Names" : "rgb(89,17,119)"
+ "Sage" : "rgb(153,0,0)"
+ "Tripcodes" : "rgb(178,44,170)"
+ "Emails" : "rgb(150,37,148)"
+ "Post Numbers" : "rgb(150,37,148)"
+ "Text" : "rgb(0,0,0)"
+ "Backlinks" : "rgb(150,37,148)"
+ "Greentext" : "rgb(120,153,34)"
+ "Board Title" : "rgb(0,0,0)"
+ "Timestamps" : "rgb(0,0,0)"
+ "Inputs" : "rgb(0,0,0)"
+ "Warnings" : "rgb(153,0,0)"
+ "Shadow Color" : "rgba(0,0,0,.05)"
+ "Custom CSS" : """
+.rice {
+ box-shadow:rgba(255,253,255,.3) 0 1px;
+}
+input[type=password]:hover,
+input[type=text]:not([disabled]):hover,
+input#fs_search:hover,
+input.field:hover,
+.webkit select:hover,
+textarea:hover,
+#options input:not([type=checkbox]):hover {
+ box-shadow:inset rgba(0,0,0,.2) 0 1px 2px;
+}
+input[type=password]:focus,
+input[type=text]:focus,
+input#fs_search:focus,
+input.field:focus,
+.webkit select:focus,
+textarea:focus,
+#options input:focus {
+ box-shadow:inset rgba(0,0,0,.2) 0 1px 2px;
+}
+button,
+input,
+textarea,
+.rice {
+ transition:background .2s,box-shadow .2s;
+}
+.boardTitle {
+ color: #591177 !important;
+ text-shadow: 1px 1px 1px #222 !important;
+}
+.boardSubtitle,
+.boardBanner .boardSubtitle > a {
+ text-shadow: none !important;
+}
+.postNum a {
+ color: #000000 !important;
+}
+.reply.post {
+ border-color: transparent rgb(202,183,217) rgb(202,183,217) transparent;
+}
+"""
+
+ "Vimyanized Dark":
+ "Author" : "seaweed"
+ "Author Tripcode" : "!POMF.9waa"
+ "Background Color" : "rgb(9,13,15)"
+ "Dialog Background" : "rgba(13,17,20,.98)"
+ "Dialog Border" : "rgb(11,19,22)"
+ "Thread Wrapper Background" : "rgba(13,17,20,.5)"
+ "Thread Wrapper Border" : "rgba(11,19,22,.9)"
+ "Reply Background" : "rgba(13,17,20,.9)"
+ "Reply Border" : "rgb(11,19,22)"
+ "Highlighted Reply Background": "rgba(9,13,16,.9)"
+ "Highlighted Reply Border" : "rgb(83,189,177)"
+ "Backlinked Reply Outline" : "rgb(83,189,177)"
+ "Checkbox Background" : "rgba(9,13,15,.9)"
+ "Checkbox Border" : "rgb(11,19,22)"
+ "Checkbox Checked Background" : "rgb(9,13,15)"
+ "Input Background" : "rgba(9,13,15,.9)"
+ "Input Border" : "rgb(11,19,22)"
+ "Hovered Input Background" : "rgba(0,0,0,.9)"
+ "Hovered Input Border" : "rgb(11,19,22)"
+ "Focused Input Background" : "rgba(0,0,0,.9)"
+ "Focused Input Border" : "rgb(11,19,22)"
+ "Buttons Background" : "rgba(9,13,15,.9)"
+ "Buttons Border" : "rgb(11,19,22)"
+ "Navigation Background" : "rgba(9,13,15,0.8)"
+ "Navigation Border" : "rgb(13,17,20)"
+ "Quotelinks" : "rgb(83,189,177)"
+ "Links" : "rgb(83,189,177)"
+ "Hovered Links" : "rgb(48,144,181)"
+ "Navigation Links" : "rgb(248,248,248)"
+ "Hovered Navigation Links" : "rgb(48,144,181)"
+ "Subjects" : "rgb(184,140,209)"
+ "Names" : "rgb(214,62,52)"
+ "Sage" : "rgb(79,79,79)"
+ "Tripcodes" : "rgb(212,182,60)"
+ "Emails" : "rgb(83,189,177)"
+ "Post Numbers" : "rgb(83,189,177)"
+ "Text" : "rgb(248,248,248)"
+ "Backlinks" : "rgb(83,189,177)"
+ "Greentext" : "rgb(150,200,59)"
+ "Board Title" : "rgb(248,248,248)"
+ "Timestamps" : "rgb(221,221,221)"
+ "Inputs" : "rgb(248,248,248)"
+ "Warnings" : "rgb(79,79,79)"
+ "Shadow Color" : "rgba(0,0,0,.1)"
+ "Custom CSS" : """
+.thread {
+ padding: 1px;
+}
+.rice {
+ box-shadow:rgba(45,49,52,.3) 0 1px;
+}
+input[type=password]:hover,
+input[type=text]:not([disabled]):hover,
+input#fs_search:hover,
+input.field:hover,
+.webkit select:hover,
+textarea:hover,
+#options input:not([type=checkbox]):hover {
+ box-shadow:inset rgba(0,0,0,.2) 0 1px 2px;
+}
+input[type=password]:focus,
+input[type=text]:focus,
+input#fs_search:focus,
+input.field:focus,
+.webkit select:focus,
+textarea:focus,
+#options input:focus {
+ box-shadow:inset rgba(0,0,0,.2) 0 1px 2px;
+}
+button,
+input,
+textarea,
+.rice {
+ transition:background .2s,box-shadow .2s;
+}
+"""
+
+ "Tomorrow Night":
+ "Author" : "Chris Kempson"
+ "Author Tripcode" : "!.pC/AHOKAg"
+ "Background Color" : "rgb(29,31,33)"
+ "Dialog Background" : "rgba(40,42,46,.98)"
+ "Dialog Border" : "rgb(55,59,65)"
+ "Thread Wrapper Background" : "rgba(40,42,46,.5)"
+ "Thread Wrapper Border" : "rgba(55,59,65,.9)"
+ "Reply Background" : "rgba(40,42,46,.9)"
+ "Reply Border" : "rgb(55,59,65)"
+ "Highlighted Reply Background": "rgba(36,38,42,.9)"
+ "Highlighted Reply Border" : "rgb(129,162,190)"
+ "Backlinked Reply Outline" : "rgb(129,162,190)"
+ "Checkbox Background" : "rgba(40,42,46,.9)"
+ "Checkbox Border" : "rgb(29,31,33)"
+ "Checkbox Checked Background" : "rgb(40,42,46)"
+ "Input Background" : "rgba(40,42,46,.9)"
+ "Input Border" : "rgb(29,31,33)"
+ "Hovered Input Background" : "rgba(24,26,30,.9)"
+ "Hovered Input Border" : "rgb(29,31,33)"
+ "Focused Input Background" : "rgba(24,26,30,.9)"
+ "Focused Input Border" : "rgb(29,31,33)"
+ "Buttons Background" : "rgba(40,42,46,.9)"
+ "Buttons Border" : "rgb(29,31,33)"
+ "Navigation Background" : "rgba(29,31,33,0.8)"
+ "Navigation Border" : "rgb(40,42,46)"
+ "Quotelinks" : "rgb(129,162,190)"
+ "Links" : "rgb(129,162,190)"
+ "Hovered Links" : "rgb(204,102,102)"
+ "Navigation Links" : "rgb(197,200,198)"
+ "Hovered Navigation Links" : "rgb(204,102,102)"
+ "Subjects" : "rgb(178,148,187)"
+ "Names" : "rgb(129,162,190)"
+ "Sage" : "rgb(204,102,102)"
+ "Tripcodes" : "rgb(138,190,183)"
+ "Emails" : "rgb(129,162,190)"
+ "Post Numbers" : "rgb(129,162,190)"
+ "Text" : "rgb(197,200,198)"
+ "Backlinks" : "rgb(129,162,190)"
+ "Greentext" : "rgb(181,189,104)"
+ "Board Title" : "rgb(197,200,198)"
+ "Timestamps" : "rgb(197,200,198)"
+ "Inputs" : "rgb(197,200,198)"
+ "Warnings" : "rgb(204,102,102)"
+ "Shadow Color" : "rgba(0,0,0,.1)"
+ "Custom CSS" : """
+.thread {
+ padding: 1px;
+}
+.rice {
+ box-shadow:rgba(72,74,78,.3) 0 1px;
+}
+input[type=password]:hover,
+input[type=text]:not([disabled]):hover,
+input#fs_search:hover,
+input.field:hover,
+.webkit select:hover,
+textarea:hover,
+#options input:not([type=checkbox]):hover {
+ box-shadow:inset rgba(0,0,0,.2) 0 1px 2px;
+}
+input[type=password]:focus,
+input[type=text]:focus,
+input#fs_search:focus,
+input.field:focus,
+.webkit select:focus,
+textarea:focus,
+#options input:focus {
+ box-shadow:inset rgba(0,0,0,.2) 0 1px 2px;
+}
+button,
+input,
+textarea,
+.rice {
+ transition:background .2s,box-shadow .2s;
+}
+"""
+
+ "Solarized Light":
+ "Author" : "seaweed"
+ "Author Tripcode" : "!POMF.9waa"
+ "Background Color" : "rgb(240,240,240)"
+ "Dialog Background" : "rgba(253,246,227,.98)"
+ "Dialog Border" : "rgb(230,223,206)"
+ "Thread Wrapper Background" : "rgba(0,0,0,0)"
+ "Thread Wrapper Border" : "rgba(0,0,0,0)"
+ "Reply Background" : "rgba(253,246,227,1.0)"
+ "Reply Border" : "rgb(230,223,206)"
+ "Highlighted Reply Background": "rgba(249,242,223,1.0)"
+ "Highlighted Reply Border" : "rgb(108,113,196)"
+ "Backlinked Reply Outline" : "rgb(108,113,196)"
+ "Checkbox Background" : "rgba(255,255,255,1.0)"
+ "Checkbox Border" : "rgb(204,204,204)"
+ "Checkbox Checked Background" : "rgb(255,255,255)"
+ "Input Background" : "rgba(255,255,255,1.0)"
+ "Input Border" : "rgb(204,204,204)"
+ "Hovered Input Background" : "rgba(239,239,239,1.0)"
+ "Hovered Input Border" : "rgb(204,204,204)"
+ "Focused Input Background" : "rgba(239,239,239,1.0)"
+ "Focused Input Border" : "rgb(204,204,204)"
+ "Buttons Background" : "rgba(255,255,255,1.0)"
+ "Buttons Border" : "rgb(204,204,204)"
+ "Navigation Background" : "rgba(240,240,240,0.8)"
+ "Navigation Border" : "rgb(253,246,227)"
+ "Quotelinks" : "rgb(108,113,196)"
+ "Links" : "rgb(108,113,196)"
+ "Hovered Links" : "rgb(211,54,130)"
+ "Navigation Links" : "rgb(101,123,131)"
+ "Hovered Navigation Links" : "rgb(211,54,130)"
+ "Subjects" : "rgb(181,137,0)"
+ "Names" : "rgb(101,123,131)"
+ "Sage" : "rgb(153,0,0)"
+ "Tripcodes" : "rgb(42,161,152)"
+ "Emails" : "rgb(108,113,196)"
+ "Post Numbers" : "rgb(108,113,196)"
+ "Text" : "rgb(101,123,131)"
+ "Backlinks" : "rgb(108,113,196)"
+ "Greentext" : "rgb(133,153,0)"
+ "Board Title" : "rgb(101,123,131)"
+ "Timestamps" : "rgb(101,123,131)"
+ "Inputs" : "rgb(101,123,131)"
+ "Warnings" : "rgb(153,0,0)"
+ "Shadow Color" : "rgba(0,0,0,.05)"
+ "Custom CSS" : """
+.rice {
+ box-shadow:rgba(255,255,255,.3) 0 1px;
+}
+input[type=password]:hover,
+input[type=text]:not([disabled]):hover,
+input#fs_search:hover,
+input.field:hover,
+.webkit select:hover,
+textarea:hover,
+#options input:not([type=checkbox]):hover {
+ box-shadow:inset rgba(0,0,0,.2) 0 1px 2px;
+}
+input[type=password]:focus,
+input[type=text]:focus,
+input#fs_search:focus,
+input.field:focus,
+.webkit select:focus,
+textarea:focus,
+#options input:focus {
+ box-shadow:inset rgba(0,0,0,.2) 0 1px 2px;
+}
+button,
+input,
+textarea,
+.rice {
+ transition:background .2s,box-shadow .2s;
+}
+.boardTitle {
+ color: #b58900 !important;
+ text-shadow: 1px 1px 1px #999 !important;
+}
+.boardSubtitle,
+.boardBanner .boardSubtitle > a {
+ text-shadow: none !important;
+}
+.postNum a {
+ color: #657b83 !important;
+}
+"""
+
+ "Muted":
+ "Author" : "seaweed"
+ "Author Tripcode" : "!POMF.9waa"
+ "Background Color" : "rgb(255,255,255)"
+ "Dialog Background" : "rgba(245,242,233,.98)"
+ "Dialog Border" : "rgb(204,204,204)"
+ "Thread Wrapper Background" : "rgba(245,242,233,.5)"
+ "Thread Wrapper Border" : "rgba(204,204,204,.9)"
+ "Reply Background" : "rgba(245,242,233,.9)"
+ "Reply Border" : "rgb(204,204,204)"
+ "Highlighted Reply Background": "rgba(241,238,229,.9)"
+ "Highlighted Reply Border" : "rgb(188,49,42)"
+ "Backlinked Reply Outline" : "rgb(188,49,42)"
+ "Checkbox Background" : "rgba(255,255,255,.9)"
+ "Checkbox Border" : "rgb(204,204,204)"
+ "Checkbox Checked Background" : "rgb(255,255,255)"
+ "Input Background" : "rgba(255,255,255,.9)"
+ "Input Border" : "rgb(204,204,204)"
+ "Hovered Input Background" : "rgba(239,239,239,.9)"
+ "Hovered Input Border" : "rgb(204,204,204)"
+ "Focused Input Background" : "rgba(239,239,239,.9)"
+ "Focused Input Border" : "rgb(204,204,204)"
+ "Buttons Background" : "rgba(255,255,255,.9)"
+ "Buttons Border" : "rgb(204,204,204)"
+ "Navigation Background" : "rgba(255,255,255,0.8)"
+ "Navigation Border" : "rgb(245,242,233)"
+ "Quotelinks" : "rgb(188,49,42)"
+ "Links" : "rgb(188,49,42)"
+ "Hovered Links" : "rgb(142,34,32)"
+ "Navigation Links" : "rgb(57,55,53)"
+ "Hovered Navigation Links" : "rgb(142,34,32)"
+ "Subjects" : "rgb(17,17,17)"
+ "Names" : "rgb(44,100,160)"
+ "Sage" : "rgb(153,0,0)"
+ "Tripcodes" : "rgb(204,101,99)"
+ "Emails" : "rgb(188,49,42)"
+ "Post Numbers" : "rgb(188,49,42)"
+ "Text" : "rgb(57,55,53)"
+ "Backlinks" : "rgb(188,49,42)"
+ "Greentext" : "rgb(120,153,34)"
+ "Board Title" : "rgb(57,55,53)"
+ "Timestamps" : "rgb(51,51,51)"
+ "Inputs" : "rgb(57,55,53)"
+ "Warnings" : "rgb(153,0,0)"
+ "Shadow Color" : "rgba(0,0,0,.05)"
+ "Custom CSS" : """
+.thread {
+ padding: 1px;
+}
+.rice {
+ box-shadow:rgba(255,255,255,.3) 0 1px;
+}
+input[type=password]:hover,
+input[type=text]:not([disabled]):hover,
+input#fs_search:hover,
+input.field:hover,
+.webkit select:hover,
+textarea:hover,
+#options input:not([type=checkbox]):hover {
+ box-shadow:inset rgba(0,0,0,.2) 0 1px 2px;
+}
+input[type=password]:focus,
+input[type=text]:focus,
+input#fs_search:focus,
+input.field:focus,
+.webkit select:focus,
+textarea:focus,
+#options input:focus {
+ box-shadow:inset rgba(0,0,0,.2) 0 1px 2px;
+}
+button,
+input,
+textarea,
+.rice {
+ transition:background .2s,box-shadow .2s;
+}
+.boardTitle{
+color:#bc312a!important;
+ text-shadow:1px 1px 1px #772e28 !important;
+}
+.boardSubtitle,
+.boardBanner .boardSubtitle > a {
+ text-shadow:none!important;
+}
+.postNum a {
+ color:#111111!important;
+}
+div.reply a.quotelink{
+ color:#bc312a!important;
+}
+"""
+
+ "Monokai":
+ "Author" : "seaweed"
+ "Author Tripcode" : "!POMF.9waa"
+ "Background Color" : "rgb(32,33,28)"
+ "Dialog Background" : "rgba(39,40,34,.98)"
+ "Dialog Border" : "rgb(45,46,39)"
+ "Thread Wrapper Background" : "rgba(0,0,0,0)"
+ "Thread Wrapper Border" : "rgba(0,0,0,0)"
+ "Reply Background" : "rgba(39,40,34,1.0)"
+ "Reply Border" : "rgb(45,46,39)"
+ "Highlighted Reply Background": "rgba(35,36,30,1.0)"
+ "Highlighted Reply Border" : "rgb(226,219,116)"
+ "Backlinked Reply Outline" : "rgb(226,219,116)"
+ "Checkbox Background" : "rgba(32,33,28,1.0)"
+ "Checkbox Border" : "rgb(23,23,19)"
+ "Checkbox Checked Background" : "rgb(32,33,28)"
+ "Input Background" : "rgba(32,33,28,1.0)"
+ "Input Border" : "rgb(23,23,19)"
+ "Hovered Input Background" : "rgba(16,17,12,1.0)"
+ "Hovered Input Border" : "rgb(23,23,19)"
+ "Focused Input Background" : "rgba(16,17,12,1.0)"
+ "Focused Input Border" : "rgb(23,23,19)"
+ "Buttons Background" : "rgba(32,33,28,1.0)"
+ "Buttons Border" : "rgb(23,23,19)"
+ "Navigation Background" : "rgba(32,33,28,0.8)"
+ "Navigation Border" : "rgb(39,40,34)"
+ "Quotelinks" : "rgb(226,219,116)"
+ "Links" : "rgb(226,219,116)"
+ "Hovered Links" : "rgb(174,129,255)"
+ "Navigation Links" : "rgb(248,248,242)"
+ "Hovered Navigation Links" : "rgb(174,129,255)"
+ "Subjects" : "rgb(174,129,255)"
+ "Names" : "rgb(90,192,204)"
+ "Sage" : "rgb(79,79,79)"
+ "Tripcodes" : "rgb(250,130,32)"
+ "Emails" : "rgb(226,219,116)"
+ "Post Numbers" : "rgb(226,219,116)"
+ "Text" : "rgb(248,248,242)"
+ "Backlinks" : "rgb(226,219,116)"
+ "Greentext" : "rgb(162,204,40)"
+ "Board Title" : "rgb(248,248,242)"
+ "Timestamps" : "rgb(248,248,242)"
+ "Inputs" : "rgb(248,248,242)"
+ "Warnings" : "rgb(79,79,79)"
+ "Shadow Color" : "rgba(0,0,0,.12)"
+ "Custom CSS" : """
+.rice {
+ box-shadow:rgba(71,72,66,.3) 0 1px;
+}
+input[type=password]:hover,
+input[type=text]:not([disabled]):hover,
+input#fs_search:hover,
+input.field:hover,
+.webkit select:hover,
+textarea:hover,
+#options input:not([type=checkbox]):hover {
+ box-shadow:inset rgba(0,0,0,.2) 0 1px 2px;
+}
+input[type=password]:focus,
+input[type=text]:focus,
+input#fs_search:focus,
+input.field:focus,
+.webkit select:focus,
+textarea:focus,
+#options input:focus {
+ box-shadow:inset rgba(0,0,0,.2) 0 1px 2px;
+}
+button,
+input,
+textarea,
+.rice {
+ transition:background .2s,box-shadow .2s;
+}
+"""
+
+ "Dark Flat":
+ "Author" : "Ahoka"
+ "Author Tripcode" : "!.pC/AHOKAg"
+ "Background Image" : "url(\"data:image/gif;base64,R0lGODlhAwADAIAAAB0dHRkZGSH5BADoAwAALAAAAAADAAMAAAIDDG5YADs=\")"
+ "Background Attachment" : "fixed"
+ "Background Position" : "top left"
+ "Background Repeat" : "repeat"
+ "Background Color" : "rgb(32,32,32)"
+ "Dialog Background" : "rgba(35,36,37,.98)"
+ "Dialog Border" : "rgb(41,42,43)"
+ "Thread Wrapper Background" : "rgba(35,36,37,.5)"
+ "Thread Wrapper Border" : "rgba(41,42,43,.9)"
+ "Reply Background" : "rgba(35,36,37,.9)"
+ "Reply Border" : "rgba(35,36,37,.9)"
+ "Highlighted Reply Background": "rgba(31,32,33,.9)"
+ "Highlighted Reply Border" : "rgb(172,155,176)"
+ "Backlinked Reply Outline" : "rgb(172,155,176)"
+ "Checkbox Background" : "rgba(24,25,26,.9)"
+ "Checkbox Border" : "rgb(18,19,20)"
+ "Checkbox Checked Background" : "rgb(24,25,26)"
+ "Input Background" : "rgba(24,25,26,.9)"
+ "Input Border" : "rgb(18,19,20)"
+ "Hovered Input Background" : "rgba(8,9,10,.9)"
+ "Hovered Input Border" : "rgb(18,19,20)"
+ "Focused Input Background" : "rgba(8,9,10,.9)"
+ "Focused Input Border" : "rgb(18,19,20)"
+ "Buttons Background" : "rgba(24,25,26,.9)"
+ "Buttons Border" : "rgb(18,19,20)"
+ "Navigation Background" : "rgba(32,32,32,0.8)"
+ "Navigation Border" : "rgb(35,36,37)"
+ "Quotelinks" : "rgb(172,155,176)"
+ "Links" : "rgb(172,155,176)"
+ "Hovered Links" : "rgb(111,153,180)"
+ "Navigation Links" : "rgb(221,221,221)"
+ "Hovered Navigation Links" : "rgb(111,153,180)"
+ "Subjects" : "rgb(147,144,201)"
+ "Names" : "rgb(168,198,217)"
+ "Sage" : "rgb(201,144,144)"
+ "Tripcodes" : "rgb(212,192,149)"
+ "Emails" : "rgb(172,155,176)"
+ "Post Numbers" : "rgb(172,155,176)"
+ "Text" : "rgb(221,221,221)"
+ "Backlinks" : "rgb(172,155,176)"
+ "Greentext" : "rgb(179,196,94)"
+ "Board Title" : "rgb(221,221,221)"
+ "Timestamps" : "rgb(221,221,221)"
+ "Inputs" : "rgb(221,221,221)"
+ "Warnings" : "rgb(201,144,144)"
+ "Shadow Color" : "rgba(0,0,0,.1)"
+ "Custom CSS" : """
+.thread {
+ padding: 1px;
+}
+.rice {
+ box-shadow:rgba(67,68,69,.3) 0 1px;
+}
+input[type=password]:hover,
+input[type=text]:not([disabled]):hover,
+input#fs_search:hover,
+input.field:hover,
+.webkit select:hover,
+textarea:hover,
+#options input:not([type=checkbox]):hover {
+ box-shadow:inset rgba(0,0,0,.2) 0 1px 2px;
+}
+input[type=password]:focus,
+input[type=text]:focus,
+input#fs_search:focus,
+input.field:focus,
+.webkit select:focus,
+textarea:focus,
+#options input:focus {
+ box-shadow:inset rgba(0,0,0,.2) 0 1px 2px;
+}
+button,
+input,
+textarea,
+.rice {
+ transition:background .2s,box-shadow .2s;
+}
+"""
+
+ "Blackboard":
+ "Author" : "seaweed"
+ "Author Tripcode" : "!POMF.9waa"
+ "Background Color" : "rgb(10,13,28)"
+ "Dialog Background" : "rgba(12,16,33,.98)"
+ "Dialog Border" : "rgb(14,18,40)"
+ "Thread Wrapper Background" : "rgba(0,0,0,0)"
+ "Thread Wrapper Border" : "rgba(0,0,0,0)"
+ "Reply Background" : "rgba(12,16,33,1.0)"
+ "Reply Border" : "rgb(14,18,40)"
+ "Highlighted Reply Background": "rgba(8,12,29,1.0)"
+ "Highlighted Reply Border" : "rgb(251,222,45)"
+ "Backlinked Reply Outline" : "rgb(251,222,45)"
+ "Checkbox Background" : "rgba(12,16,33,1.0)"
+ "Checkbox Border" : "rgb(8,11,22)"
+ "Checkbox Checked Background" : "rgb(12,16,33)"
+ "Input Background" : "rgba(12,16,33,1.0)"
+ "Input Border" : "rgb(8,11,22)"
+ "Hovered Input Background" : "rgba(0,0,17,1.0)"
+ "Hovered Input Border" : "rgb(8,11,22)"
+ "Focused Input Background" : "rgba(0,0,17,1.0)"
+ "Focused Input Border" : "rgb(8,11,22)"
+ "Buttons Background" : "rgba(12,16,33,1.0)"
+ "Buttons Border" : "rgb(8,11,22)"
+ "Navigation Background" : "rgba(10,13,28,0.8)"
+ "Navigation Border" : "rgb(12,16,33)"
+ "Quotelinks" : "rgb(251,222,45)"
+ "Links" : "rgb(251,222,45)"
+ "Hovered Links" : "rgb(75,101,204)"
+ "Navigation Links" : "rgb(248,248,248)"
+ "Hovered Navigation Links" : "rgb(75,101,204)"
+ "Subjects" : "rgb(255,100,0)"
+ "Names" : "rgb(141,166,206)"
+ "Sage" : "rgb(79,79,79)"
+ "Tripcodes" : "rgb(255,100,0)"
+ "Emails" : "rgb(251,222,45)"
+ "Post Numbers" : "rgb(251,222,45)"
+ "Text" : "rgb(248,248,248)"
+ "Backlinks" : "rgb(251,222,45)"
+ "Greentext" : "rgb(154,207,8)"
+ "Board Title" : "rgb(248,248,248)"
+ "Timestamps" : "rgb(221,221,221)"
+ "Inputs" : "rgb(248,248,248)"
+ "Warnings" : "rgb(79,79,79)"
+ "Shadow Color" : "rgba(0,0,0,.1)"
+ "Custom CSS" : """
+.rice {
+ box-shadow:rgba(44,48,65,.3) 0 1px;
+}
+input[type=password]:hover,
+input[type=text]:not([disabled]):hover,
+input#fs_search:hover,
+input.field:hover,
+.webkit select:hover,
+textarea:hover,
+#options input:not([type=checkbox]):hover {
+ box-shadow:inset rgba(0,0,0,.2) 0 1px 2px;
+}
+input[type=password]:focus,
+input[type=text]:focus,
+input#fs_search:focus,
+input.field:focus,
+.webkit select:focus,
+textarea:focus,
+#options input:focus {
+ box-shadow:inset rgba(0,0,0,.2) 0 1px 2px;
+}
+button,
+input,
+textarea,
+.rice {
+ transition:background .2s,box-shadow .2s;
+}
+.postInfo {
+ box-shadow: 0px 2px 3px #0A0A0A;
+}
+#qp .postInfo,
+.inline .postInfo {
+ box-shadow: none;
+}
+"""
+
+ "4chan Rewired":
+ "Author" : ""
+ "Author Tripcode" : "!K.WeEabo0o"
+ "Background Color" : "rgb(244,244,244)"
+ "Dialog Background" : "rgba(239,239,239,.98)"
+ "Dialog Border" : "rgb(212,212,212)"
+ "Thread Wrapper Background" : "rgba(0,0,0,0)"
+ "Thread Wrapper Border" : "rgba(0,0,0,0)"
+ "Reply Background" : "linear-gradient(rgba(244,244,244,0.9), rgba(239,239,239,0.9)), rgba(239,239,239,1)"
+ "Reply Border" : "rgb(212,212,212)"
+ "Highlighted Reply Background": "linear-gradient(rgba(250,250,250,.9), rgba(230,230,230,0.9))"
+ "Highlighted Reply Border" : "rgb(191,127,63)"
+ "Backlinked Reply Outline" : "rgba(191,127,63,0.5)"
+ "Checkbox Background" : "rgba(228,228,228,.9)"
+ "Checkbox Border" : "rgb(204,204,204)"
+ "Checkbox Checked Background" : "rgb(228,228,228)"
+ "Input Background" : "rgba(244,244,244,0.9)"
+ "Input Border" : "rgb(204,204,204)"
+ "Hovered Input Background" : "rgba(212,212,212,.9)"
+ "Hovered Input Border" : "rgb(204,204,204)"
+ "Focused Input Background" : "rgba(212,212,212,.9)"
+ "Focused Input Border" : "rgb(204,204,204)"
+ "Buttons Background" : "rgba(244,244,244,0.9)"
+ "Buttons Border" : "rgb(204,204,204)"
+ "Navigation Background" : "rgba(244,244,244,0.8)"
+ "Navigation Border" : "rgb(239,239,239)"
+ "Quotelinks" : "rgb(191,127,63)"
+ "Links" : "rgb(191,127,63)"
+ "Hovered Links" : "rgb(191,127,63)"
+ "Navigation Links" : "rgba(0,0,0,.7)"
+ "Hovered Navigation Links" : "rgb(211,54,130)"
+ "Subjects" : "rgba(0,0,0,.7)"
+ "Names" : "rgba(0,0,0,.7)"
+ "Sage" : "rgb(204,102,102)"
+ "Tripcodes" : "rgb(191,127,63)"
+ "Emails" : "rgb(191,127,63)"
+ "Post Numbers" : "rgb(191,127,63)"
+ "Text" : "rgba(0,0,0,.7)"
+ "Backlinks" : "rgb(191,127,63)"
+ "Greentext" : "rgb(107,122,30)"
+ "Board Title" : "rgba(0,0,0,.7)"
+ "Timestamps" : "rgba(0,0,0,.7)"
+ "Inputs" : "rgba(0,0,0,.7)"
+ "Warnings" : "rgb(204,102,102)"
+ "Shadow Color" : "rgba(0,0,0,.07)"
+ "Custom CSS" : """
+.rice {
+ box-shadow:rgba(255,255,255,.3) 0 1px;
+}
+input[type=password]:hover,
+input[type=text]:not([disabled]):hover,
+input#fs_search:hover,
+input.field:hover,
+.webkit select:hover,
+textarea:hover,
+#options input:not([type=checkbox]):hover {
+ box-shadow:inset rgba(0,0,0,.2) 0 1px 2px;
+}
+.reply.post,
+.op.post {
+ background-color: transparent !important;
+}
+input[type=password]:focus,
+input[type=text]:focus,
+input#fs_search:focus,
+input.field:focus,
+.webkit select:focus,
+textarea:focus,
+#options input:focus {
+ box-shadow:inset rgba(0,0,0,.2) 0 1px 2px;
+}
+a {
+ -moz-transition: text-shadow .2s;
+ -o-transition: text-shadow .2s;
+ -webkit-transition: text-shadow .2s;
+}
+a:hover {
+ text-shadow: 0 0 3px rgba(232,118,0,.7);
+}
+button,
+input,
+textarea,
+.rice {
+ transition:
+ background .2s,
+ box-shadow .2s;
+}
+.subject:not(:empty)::after {
+ content: " by";
+ font-weight: normal;
+}
+"""
+
+ "4chan Dark Upgrade":
+ "Author" : "Ahoka"
+ "Author Tripcode" : "!.pC/AHOKAg"
+ "Background Image" : "url(\"http://i.minus.com/iNkJoDJkLU0co.png\")"
+ "Background Attachment" : "fixed"
+ "Background Position" : "top left"
+ "Background Repeat" : "repeat"
+ "Background Color" : "rgb(36,36,36)"
+ "Dialog Background" : "rgba(51,51,51,.98)"
+ "Dialog Border" : "rgb(58,58,58)"
+ "Thread Wrapper Background" : "rgba(51,51,51,.5)"
+ "Thread Wrapper Border" : "rgba(58,58,58,.9)"
+ "Reply Background" : "rgba(51,51,51,.9)"
+ "Reply Border" : "rgb(58,58,58)"
+ "Highlighted Reply Background": "rgba(47,47,47,.9)"
+ "Highlighted Reply Border" : "rgb(221,221,221)"
+ "Backlinked Reply Outline" : "rgb(221,221,221)"
+ "Checkbox Background" : "rgba(47,47,47,.9)"
+ "Checkbox Border" : "rgb(15,15,15)"
+ "Checkbox Checked Background" : "rgb(47,47,47)"
+ "Input Background" : "rgba(47,47,47,.9)"
+ "Input Border" : "rgb(15,15,15)"
+ "Hovered Input Background" : "rgba(31,31,31,.9)"
+ "Hovered Input Border" : "rgb(15,15,15)"
+ "Focused Input Background" : "rgba(31,31,31,.9)"
+ "Focused Input Border" : "rgb(15,15,15)"
+ "Buttons Background" : "rgba(47,47,47,.9)"
+ "Buttons Border" : "rgb(15,15,15)"
+ "Navigation Background" : "rgba(36,36,36,0.8)"
+ "Navigation Border" : "rgb(51,51,51)"
+ "Quotelinks" : "rgb(221,221,221)"
+ "Links" : "rgb(221,221,221)"
+ "Hovered Links" : "rgb(238,238,238)"
+ "Navigation Links" : "rgb(255,255,255)"
+ "Hovered Navigation Links" : "rgb(238,238,238)"
+ "Subjects" : "rgb(153,153,153)"
+ "Names" : "rgb(255,255,255)"
+ "Sage" : "rgb(177,115,133)"
+ "Tripcodes" : "rgb(167,220,231)"
+ "Emails" : "rgb(221,221,221)"
+ "Post Numbers" : "rgb(221,221,221)"
+ "Text" : "rgb(255,255,255)"
+ "Backlinks" : "rgb(221,221,221)"
+ "Greentext" : "rgb(99,153,91)"
+ "Board Title" : "rgb(255,255,255)"
+ "Timestamps" : "rgb(170,170,170)"
+ "Inputs" : "rgb(255,255,255)"
+ "Warnings" : "rgb(177,115,133)"
+ "Shadow Color" : "rgba(0,0,0,0.2)"
+ "Custom CSS" : """
+html {
+}
+.thread {
+ padding: 3px 4px;
+}
+.rice {
+ box-shadow:rgba(83,83,83,.3) 0 1px;
+}
+input[type=password]:hover,
+input[type=text]:not([disabled]):hover,
+input#fs_search:hover,
+input.field:hover,
+.webkit select:hover,
+textarea:hover,
+#options input:not([type=checkbox]):hover {
+ box-shadow:inset rgba(0,0,0,.2) 0 1px 2px;
+}
+input[type=password]:focus,
+input[type=text]:focus,
+input#fs_search:focus,
+input.field:focus,
+.webkit select:focus,
+textarea:focus,
+#options input:focus {
+ box-shadow:inset rgba(0,0,0,.2) 0 1px 2px;
+}
+button,
+input,
+textarea,
+.rice {
+ transition:background .2s,box-shadow .2s;
+}
+#delform {
+ background: rgba(22,22,22,.8) !important;
+ border: 0 !important;
+ padding: 1px !important;
+ box-shadow: rgba(0,0,0,.8) 0 0 10px;
+}
+div.reply.post {
+ background-image: -moz-repeating-linear-gradient(45deg, #303030, #292929, #303030, #303030 3px) !important;
+ background-image: -o-repeating-linear-gradient(45deg, #303030, #292929, #303030, #303030 3px) !important;
+ background-image: -webkit-repeating-linear-gradient(45deg, #303030, #292929, #303030, #303030 3px) !important;
+ border-bottom:#1f1f1f!important;
+}
+.thread:not(.stub) {
+ background: 0 !important
+}
+a:not([href='javascript:;']){
+ text-shadow: #0f0f0f 0 1px;
+}
+"""
+
+ "安心院なじみ ":
+ "Author" :"Ahoka"
+ "Author Tripcode" : "!.pC/AHOKAg"
+ "Background Image" : "url(\"http://i.imgur.com/RewHm.png\")"
+ "Background Attachment" : "fixed"
+ "Background Position" : "bottom right"
+ "Background Repeat" : "no-repeat"
+ "Background Color" : "rgb(255,255,255)"
+ "Dialog Background" : "rgba(239,239,239,.98)"
+ "Dialog Border" : "rgb(214,214,214)"
+ "Thread Wrapper Background" : "rgba(239,239,239,.4)"
+ "Thread Wrapper Border" : "rgba(214,214,214,.9)"
+ "Reply Background" : "rgba(239,239,239,.9)"
+ "Reply Border" : "rgb(214,214,214)"
+ "Highlighted Reply Background": "rgba(235,235,235,.9)"
+ "Highlighted Reply Border" : "rgb(191,128,64)"
+ "Backlinked Reply Outline" : "rgb(191,128,64)"
+ "Checkbox Background" : "rgba(204,204,204,.9)"
+ "Checkbox Border" : "rgb(187,187,187)"
+ "Checkbox Checked Background" : "rgb(204,204,204)"
+ "Input Background" : "rgba(204,204,204,.9)"
+ "Input Border" : "rgb(187,187,187)"
+ "Hovered Input Background" : "rgba(188,188,188,.9)"
+ "Hovered Input Border" : "rgb(187,187,187)"
+ "Focused Input Background" : "rgba(188,188,188,.9)"
+ "Focused Input Border" : "rgb(187,187,187)"
+ "Buttons Background" : "rgba(204,204,204,.9)"
+ "Buttons Border" : "rgb(187,187,187)"
+ "Navigation Background" : "rgba(255,255,255,0.8)"
+ "Navigation Border" : "rgb(239,239,239)"
+ "Quotelinks" : "rgb(191,128,64)"
+ "Links" : "rgb(191,128,64)"
+ "Hovered Links" : "rgb(191,128,64)"
+ "Navigation Links" : "rgb(77,77,76)"
+ "Hovered Navigation Links" : "rgb(191,128,64)"
+ "Subjects" : "rgb(77,77,77)"
+ "Names" : "rgb(43,128,194)"
+ "Sage" : "rgb(200,40,41)"
+ "Tripcodes" : "rgb(62,153,159)"
+ "Emails" : "rgb(191,128,64)"
+ "Post Numbers" : "rgb(191,128,64)"
+ "Text" : "rgb(77,77,76)"
+ "Backlinks" : "rgb(191,128,64)"
+ "Greentext" : "rgb(113,140,0)"
+ "Board Title" : "rgb(77,77,76)"
+ "Timestamps" : "rgb(77,77,76)"
+ "Inputs" : "rgb(77,77,76)"
+ "Warnings" : "rgb(200,40,41)"
+ "Shadow Color" : "rgba(0,0,0,.05)"
+ "Custom CSS" : """
+.thread {
+ padding: 1px;
+}
+.rice {
+ box-shadow:rgba(255,255,255,.3) 0 1px;
+}
+input[type=password]:hover,
+input[type=text]:not([disabled]):hover,
+input#fs_search:hover,
+input.field:hover,
+.webkit select:hover,
+textarea:hover,
+#options input:not([type=checkbox]):hover {
+ box-shadow: inset rgba(0,0,0,.2) 0 1px 2px;
+}
+input[type=password]:focus,
+input[type=text]:focus,
+input#fs_search:focus,
+input.field:focus,
+.webkit select:focus,
+textarea:focus,
+#options input:focus {
+ box-shadow: inset rgba(0,0,0,.2) 0 1px 2px;
+}
+button,
+input,
+textarea,
+.rice {
+ transition: background .2s,box-shadow .2s;
+}"""
+
+ "violaceous":
+ "Author" : "Anonymous"
+ "Author Tripcode" : "!MaSoOdDwDw"
+ "Background Color" : "rgb(18,19,20)"
+ "Dialog Background" : "rgba(27,27,27,.98)"
+ "Dialog Border" : "rgb(41,42,43)"
+ "Thread Wrapper Background" : "rgba(27,27,27,.5)"
+ "Thread Wrapper Border" : "rgba(41,42,43,.9)"
+ "Reply Background" : "rgba(27,27,27,.9)"
+ "Reply Border" : "rgba(27,27,27,.9)"
+ "Highlighted Reply Background": "rgba(31,31,31,.9)"
+ "Highlighted Reply Border" : "rgb(42,127,160)"
+ "Backlinked Reply Outline" : "rgb(42,127,160)"
+ "Checkbox Background" : "rgba(24,25,26,.9)"
+ "Checkbox Border" : "rgb(18,19,20)"
+ "Checkbox Checked Background" : "rgb(24,25,26)"
+ "Input Background" : "rgba(24,25,26,.9)"
+ "Input Border" : "rgb(18,19,20)"
+ "Hovered Input Background" : "rgba(40,41,42,.9)"
+ "Hovered Input Border" : "rgb(18,19,20)"
+ "Focused Input Background" : "rgba(40,41,42,.9)"
+ "Focused Input Border" : "rgb(18,19,20)"
+ "Buttons Background" : "rgba(24,25,26,.9)"
+ "Buttons Border" : "rgb(18,19,20)"
+ "Navigation Background" : "rgba(18,19,20,0.8)"
+ "Navigation Border" : "rgb(27,27,27)"
+ "Quotelinks" : "rgb(42,127,160)"
+ "Links" : "rgb(42,127,160)"
+ "Hovered Links" : "rgb(48,144,181)"
+ "Navigation Links" : "rgb(221,221,221)"
+ "Hovered Navigation Links" : "rgb(48,144,181)"
+ "Subjects" : "rgb(6,152,154)"
+ "Names" : "rgb(164,151,176)"
+ "Sage" : "rgb(79,79,79)"
+ "Tripcodes" : "rgb(189,43,131)"
+ "Emails" : "rgb(42,127,160)"
+ "Post Numbers" : "rgb(42,127,160)"
+ "Text" : "rgb(221,221,221)"
+ "Backlinks" : "rgb(42,127,160)"
+ "Greentext" : "rgb(0,171,63)"
+ "Board Title" : "rgb(221,221,221)"
+ "Timestamps" : "rgb(221,221,221)"
+ "Inputs" : "rgb(221,221,221)"
+ "Warnings" : "rgb(79,79,79)"
+ "Shadow Color" : "rgba(0,0,0,.1)"
+ "Custom CSS" : """
+.thread {
+ padding: 1px;
+}
+.rice {
+ box-shadow:rgba(59,59,59,.3) 0 1px;
+}
+input[type=password]:hover,
+input[type=text]:not([disabled]):hover,
+input#fs_search:hover,
+input.field:hover,
+.webkit select:hover,
+textarea:hover,
+#options input:not([type=checkbox]):hover {
+ box-shadow:inset rgba(0,0,0,.2) 0 1px 2px;
+}
+input[type=password]:focus,
+input[type=text]:focus,
+input#fs_search:focus,
+input.field:focus,
+.webkit select:focus,
+textarea:focus,
+#options input:focus {
+ box-shadow:inset rgba(0,0,0,.2) 0 1px 2px;
+}
+button,
+input,
+textarea,
+.rice {
+ transition:background .2s,box-shadow .2s;
+}
+"""
+ "Mesa":
+ "Author" : "Tristan"
+ "Author Tripcode" : "!..NoTrip.."
+ "Background Color" : "#3c212a"
+ "Thread Wrapper Background" : "rgba(0,0,0,0)"
+ "Thread Wrapper Border" : "rgba(0,0,0,0)"
+ "Dialog Background" : "#3c212a"
+ "Dialog Border" : "#171717"
+ "Reply Background" : "#3c212a"
+ "Reply Border" : "#171717"
+ "Highlighted Reply Background": "#3c212a"
+ "Highlighted Reply Border" : "#bfa977"
+ "Backlinked Reply Outline" : "#bfa977"
+ "Input Background" : "#3c212a"
+ "Input Border" : "#171717"
+ "Checkbox Background" : "#3c212a"
+ "Checkbox Border" : "#171717"
+ "Checkbox Checked Background" : "rgba(17,17,17,1)"
+ "Buttons Background" : "#3c212a"
+ "Buttons Border" : "#171717"
+ "Focused Input Background" : "#3c212a"
+ "Focused Input Border" : "#171717"
+ "Hovered Input Background" : "#3c212a"
+ "Hovered Input Border" : "#171717"
+ "Navigation Background" : "#3c212a"
+ "Navigation Border" : "#171717"
+ "Quotelinks" : "#bfa977"
+ "Backlinks" : "#bfa977"
+ "Links" : "#bfa977"
+ "Hovered Links" : "#aa4775"
+ "Navigation Links" : "#bfa977"
+ "Hovered Navigation Links" : "#aa4775"
+ "Names" : "#bfa977"
+ "Tripcodes" : "#aa6d89"
+ "Emails" : "#9c8aaa"
+ "Subjects" : "#bfa977"
+ "Text" : "#BFA977"
+ "Inputs" : "#bfa977"
+ "Post Numbers" : "#bfa977"
+ "Greentext" : "#99848b"
+ "Sage" : "rgb(150,150,150)"
+ "Board Title" : "#aa9d8d"
+ "Timestamps" : "#aa9d8d"
+ "Warnings" : "#aa8575"
+ "Shadow Color" : "rgba(0,0,0,.1)"
+ "Custom CSS" : ""
+ "Background Image" : ""
+ "Background Attachment" : ""
+ "Background Position" : ""
+ "Background Repeat" : ""
+
+Icons =
+ header:
+ png: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA'
+ themes:
+ oneechan: 'A8AAACWBAMAAADzkc/yAAAAMFBMVEVoaGhsbGxsbGxsbGxsbGxsbGxsbGxsbGxqampsbGxsbGxsbGxlZWVsbGxsbGxsbGzdpWE1AAAAD3RSTlMAfEDYHcNYkhP0pz8MJYTrg0d+AAACwElEQVR4Xp3RT2gTaRjH8W9r/rVJNTl42UvHvYinVGLR7SoZ6+JBD0kpsafVgJale4m67r/DkgEp7EEMsqy2KEwEUdjt0kBZqovY3oQedEBE8GA9iV42TQaTVm0f33lfCAgLZfuDgc/85n2f5zDAonnYIQ5LIwCykrj5hyqc5dWlz35QaMr7c3eKEBGReVVASaRZBOCxiKfRJ7KuMV4x1eGvE7pKjHo8bvwDXXsh0Xqu4AGP/mKT7DRgwTc4IgaXRSSTeQ2i0zbNv2UBjonP9gDMGQC7DQAiGbacbwpjRYB7rsh0DSLN+pnSqxbk7reIfEjb7Iyvwvtw0jSrC7Y6Uy6WzreAPVl1y+rM2STjmaGa3uX/+PNbB+JrHqSnoDJAfy3mQ92hbJG2GFS26KnSIHjtHaClUCM6wBA8RX0KDtf14coUp73YdDDQgvRb4ImMnRJxgPnRsXFZwaTbAl4UTnoASzKYbTsQy14gVD4AvS0g0oblsxCvztrUbUKztVySUSi12ZanQEg+EM6rpleK9OTptxd+AnUmV/0TULeies5GMPmWun8AeCS/uxsOwOHCiM0nOV4zWBp5Y2ncJnYIIJSHeYB4EsIaL2ESgH3wSmPOutzQCH1/ov8gJmF/0SCWXTfgYtuAvl/4jyyLzzYRj5xcJ+6KrfBucbsEcKVaF9dm8oH48u5vB6iLzJhN4qMzIWtF4OFR95p79dkilS+kOLGWdajIVSKuBDhEKKuQkzZRUUj8ekk/MPy5io2qg7Qhd8GGr8o2aRsgZ5EeloZB9zqwQ6PrxkkN8QanTEMpaRD7TTfDsnFwv7rVmdOZ3NnV2a6KZL/Iyv9DKpWydqVSSTrpNFsbCN9mpk8ATIrKWWA2QAsiEqQBYY0Z6FG4cheIytBEC4AE4TUP0GXeoEvaBnG1xSgrTYOS+Hz6M2PffclH1wyYp51t8R8AAAAASUVORK5CYII='
+ "4chan SS": 'A8AAACWBAMAAADzkc/yAAAAMFBMVEVmZmZnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2djY2NkZGRnZ2dnZ2dnZ2eHsc5jAAAAD3RSTlMAgEDLkve+G+dSqwcRdCZzKH/3AAACz0lEQVR4Xp2PQWhTdxzHP0vTliQvMaE4NjdoutMOA6NrpeghQaazp4R1XkL15VDR4UbeKiJ4UXCuzG7kgd2lONLbGNmWgKwqGyMQN0QRqruIuKYXi9iDtkmeaaD97Z9/2nfy0n0u+fDl//3+XnA5E+XIoA30bPDnVceC0EfgkynAl6AyulICHhjDi/kYEHx7Ab8NhPpW0bxfbRQAfEcfSasEVGv3RTIQlMlAVlagv7lIRcSi+An05hy4awN3f+a1TKNhqbFvfAG4LW1+BVNLI0pRNDE8cS0p8F364bEpF4FbkJdZAIxs0wIIvSU/AuAdPci2GRj6ooz+jpp8A4RyzvKSFOCZrB46KLUyWUmZKVMybuK+cVvAwAm1s12MXUP73wXYKSKNMHhF0iJ1qIpMqWyebEcymCJjSi4SFzmuk6p+LPP8JXKs0zI3dx7eePOyWn4900ODNsD5xmC8ZUHv5Se/B81J8Lf6xkdOpSE/kmvtWq7aJK0Xze/KNxN8iNeZpyfGpwT+vYc3xT4I/GP7YxwqQTL9W4J8GO6sqJb/OHSPpNvL7/C8OKlvjZ9Qt9zrEDx1Rf+G4iKtMtAlIzOSAKprUF0FsgmV1oGcDW84W9ICirNwfQ3IrxNIvgL8sqdPVgAjKYow4Dn805c6AujXEaq/JURg/BpgTGdINhbhqSTI10pQEZs78dMY8eEyvXNOqeLcAALZkyoEmGs4JS295hiaik5Qlc+zpwFPxSnNqRZncwVVVDt6+brYFJubt36Jbl5n4j2FBV5pU4cLH1twLmmx2wK4EGX3hKx3xLMB7NASHBvUIstff9tJyM93xLg0tkO36lNfqZa74y67t9zrKgj3i7zcnkQikehAJBLGxU3+3yDMDB/9DOBvUSSAYlvWwSeb0qWlAN1Kjn0AeOXK9+sA/EFXYxHQ4QE0QamjCakraOKyiqYqNTQ9W2Ic2ct/3c/SAwz13v8AAAAASUVORK5CYII='
\ No newline at end of file
diff --git a/src/main.coffee b/src/main.coffee
index 26d8681a9..a3ce37242 100644
--- a/src/main.coffee
+++ b/src/main.coffee
@@ -342,6 +342,11 @@ Main =
# c.time 'All initializations'
initFeatures
'Polyfill': Polyfill
+ 'Emoji': Emoji
+ 'Style': Style
+ 'Rice': Rice
+ 'Banner': Banner
+ 'Announcements': GlobalMessage
'Header': Header
'Catalog Links': CatalogLinks
'Settings': Settings
@@ -403,10 +408,6 @@ Main =
location.href = href or "/#{g.BOARD}/"
return
- unless $.hasClass doc, 'fourchan-x'
- # Something might have gone wrong!
- Main.initStyle()
-
if board = $ '.board'
threads = []
posts = []