diff --git a/builds/appchan-x.user.js b/builds/appchan-x.user.js index 9bf1800ef..6d262bcab 100644 --- a/builds/appchan-x.user.js +++ b/builds/appchan-x.user.js @@ -245,8 +245,6 @@ 'Persistent Custom Board Titles': [false, 'Forces custom board titles to be persistent, even if moot updates the board titles.'], '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.'] }, @@ -256,8 +254,6 @@ '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, 'Hide 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.'], @@ -266,21 +262,19 @@ '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".'] + 'Hide Horizontal Rules': [false, 'Hides lines between threads.'] }, 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.'], + '4chan Banner Reflection': [false, 'Adds reflection effects to 4chan\'s image banner.'], + 'Faded 4chan Banner': [true, 'Make 4chan\'s image banner translucent.'], 'Hide 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.'], - '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': ['13', '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']], @@ -315,7 +309,16 @@ 'Transparent Post Form': [false, 'Make the post form almost invisible.'], '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.'] + 'Tripcode Hider': [true, 'Intelligent name field hiding.'], + 'Images Overlap Post Form': [true, 'Images expand over the post form and sidebar content, usually used with "Expand images" set to "full".'] + }, + Indicators: { + 'Emoji': ['enabled', 'Add icons besides usernames with triggered e-mails, like sega and neko.', ['enabled', 'disable ponies', 'only ponies', 'disable']], + 'Emoji Position': ['before', 'Position of emoji icons.', ['before', 'after']], + 'Emoji Spacing': ['5', 'Add some spacing between emoji and text.', 'text'], + 'Sage Highlighting': ['image', 'Icons or text to highlight saged posts.', ['text', 'image', 'none']], + 'Sage Image': ['appchan', 'Image to use for sage highlighting.', ['4chan SS', 'appchan']], + 'Sage Highlight Position': ['after', 'Position of Sage Highlighting', ['before', 'after']] } }, filter: { @@ -333,8 +336,6 @@ MD5: '' }, sauces: "https://www.google.com/searchbyimage?image_url=%TURL\nhttp://iqdb.org/?url=%TURL\n#//tineye.com/search?url=%TURL\n#http://saucenao.com/search.php?url=%TURL\n#http://3d.iqdb.org/?url=%TURL\n#http://regex.info/exif.cgi?imgurl=%URL\n# uploaders:\n#http://imgur.com/upload?url=%URL;text:Upload to imgur\n#http://ompldr.org/upload?url1=%URL;text:Upload to ompldr\n# \"View Same\" in archives:\n#//archive.foolz.us/_/search/image/%MD5/;text:View same on foolz\n#//archive.foolz.us/%board/search/image/%MD5/;text:View same on foolz /%board/\n#//archive.installgentoo.net/%board/image/%MD5;text:View same on installgentoo /%board/", - 'sageEmoji': 'appchan', - 'emojiPos': 'before', 'Custom CSS': false, Header: { 'Fixed Header': true, @@ -10499,36 +10500,30 @@ Emoji = { init: function() { - Emoji.icons['PlanNine'] = Emoji.icons['Plan9']; - return Emoji.icons['Sage'] = Emoji.sage[Conf['sageEmoji']]; + return Emoji.icons['PlanNine'] = Emoji.icons['Plan9']; }, - css: function(position) { + css: function() { var category, css, icon, key, name, _conf, _ref; _conf = Conf; - css = ["a.useremail[href]:last-of-type::" + position + " {\n vertical-align: top;\n margin-" + (position === "before" ? "right" : "left") + ": 5px;\n}\n"]; + css = []; _ref = Emoji.icons; for (key in _ref) { category = _ref[key]; if (!Emoji.icons.hasOwnProperty(key)) { continue; } - if ((_conf['Emoji'] !== "disable ponies" && key === "pony") || (_conf['Emoji'] !== "only ponies" && key === "not")) { - for (name in category) { - icon = category[name]; - if (!category.hasOwnProperty(name)) { - continue; - } - css.push("a.useremail[href*='" + name + "']:last-of-type::" + position + ",\na.useremail[href*='" + (name.toLowerCase()) + "']:last-of-type::" + position + ",\na.useremail[href*='" + (name.toUpperCase()) + "']:last-of-type::" + position + " {\n content: url('data:image/png;base64," + icon + "');\n}\n"); + for (name in category) { + icon = category[name]; + if (!category.hasOwnProperty(name)) { + continue; } + css.push(".emoji-position-after:not(.emoji-disabled):not(.emoji-" + (key === "pony" ? 'disable-ponies' : 'only-ponies') + ") a.useremail[href*='" + name + "']:last-of-type::after,\n.emoji-position-after:not(.emoji-disabled):not(.emoji-" + (key === "pony" ? 'disable-ponies' : 'only-ponies') + ") a.useremail[href*='" + (name.toLowerCase()) + "']:last-of-type::after,\n.emoji-position-after:not(.emoji-disabled):not(.emoji-" + (key === "pony" ? 'disable-ponies' : 'only-ponies') + ") a.useremail[href*='" + (name.toUpperCase()) + "']:last-of-type::after,\n.emoji-position-before:not(.emoji-disabled):not(.emoji-" + (key === "pony" ? 'disable-ponies' : 'only-ponies') + ") a.useremail[href*='" + name + "']:last-of-type::before,\n.emoji-position-before:not(.emoji-disabled):not(.emoji-" + (key === "pony" ? 'disable-ponies' : 'only-ponies') + ") a.useremail[href*='" + (name.toLowerCase()) + "']:last-of-type::before,\n.emoji-position-before:not(.emoji-disabled):not(.emoji-" + (key === "pony" ? 'disable-ponies' : 'only-ponies') + ") a.useremail[href*='" + (name.toUpperCase()) + "']:last-of-type::before {\n content: url('data:image/png;base64," + icon + "');\n}\n"); } } + css.push(".sage-highlighting-image.sage-image-appchan.sage-highlight-position-after a.useremail[href*='sage']:last-of-type::after,\n.sage-highlighting-image.sage-image-appchan.sage-highlight-position-after a.useremail[href*='SAGE']:last-of-type::after,\n.sage-highlighting-image.sage-image-appchan.sage-highlight-position-after a.useremail[href*='Sage']:last-of-type::after,\n.sage-highlighting-image.sage-image-appchan.sage-highlight-position-before a.useremail[href*='sage']:last-of-type::before,\n.sage-highlighting-image.sage-image-appchan.sage-highlight-position-before a.useremail[href*='SAGE']:last-of-type::before,\n.sage-highlighting-image.sage-image-appchan.sage-highlight-position-before a.useremail[href*='Sage']:last-of-type::before {\n content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAABa1BMVEUAAACqrKiCgYIAAAAAAAAAAACHmX5pgl5NUEx/hnx4hXRSUVMiIyKwrbFzn19SbkZ1d3OvtqtpaWhcX1ooMyRsd2aWkZddkEV8vWGcpZl+kHd7jHNdYFuRmI4bHRthaV5WhUFsfGZReUBFZjdJazpGVUBnamYfHB9TeUMzSSpHgS1cY1k1NDUyOC8yWiFywVBoh1lDSEAZHBpucW0ICQgUHhBjfFhCRUA+QTtEQUUBAQFyo1praWspKigWFRZHU0F6j3E9Oz5VWFN0j2hncWONk4sAAABASDxJWkJKTUgAAAAvNC0fJR0DAwMAAAA9QzoWGhQAAAA8YytvrFOJsnlqyT9oqExqtkdrsExpsUsqQx9rpVJDbzBBbi5utk9jiFRuk11iqUR64k5Wf0JIZTpadk5om1BkyjmF1GRNY0FheFdXpjVXhz86XSp2yFJwslR3w1NbxitbtDWW5nNnilhFXTtYqDRwp1dSijiJ7H99AAAAUnRSTlMAJTgNGQml71ypu3cPEN/RDh8HBbOwQN7wVg4CAQZ28vs9EDluXjo58Ge8xwMy0P3+rV8cT73sawEdTv63NAa3rQwo4cUdAl3hWQSWvS8qqYsjEDiCzAAAAIVJREFUeNpFx7GKAQAYAOD/A7GbZVAWZTBZFGQw6LyCF/MIkiTdcOmWSzYbJVE2u1KX0J1v+8QDv/EkyS0yXF/NgeEILiHfyc74mICTQltqYXBeAWU9HGxU09YqqEvAElGjyZYjPyLqitjzHSEiGkrsfMWr0VLe+oy/djGP//YwfbeP8bN3Or0bkqEVblAAAAAASUVORK5CYII=');\n}\n.sage-highlighting-image.sage-image-4chan-ss.sage-highlight-position-after a.useremail[href*='sage']:last-of-type::after,\n.sage-highlighting-image.sage-image-4chan-ss.sage-highlight-position-after a.useremail[href*='SAGE']:last-of-type::after,\n.sage-highlighting-image.sage-image-4chan-ss.sage-highlight-position-after a.useremail[href*='Sage']:last-of-type::after,\n.sage-highlighting-image.sage-image-4chan-ss.sage-highlight-position-before a.useremail[href*='sage']:last-of-type::before,\n.sage-highlighting-image.sage-image-4chan-ss.sage-highlight-position-before a.useremail[href*='SAGE']:last-of-type::before,\n.sage-highlighting-image.sage-image-4chan-ss.sage-highlight-position-before a.useremail[href*='Sage']:last-of-type::before {\n content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAANCAYAAACZ3F9/AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAa9JREFUKFOdkt0rg2EUwM95b2zlL0CRRLngksznXrJsNtYW1tjYhM3mY6+IXZAbikhTKJp8XZAp81UmWYhIRHHhUi60e7s6ntdCa2449es8PfU7z+k5B6AbyuE/wQlc4BcO2d06unAUBCgFE0hianOd3NHIcy8NPwrUf9NBPZcOEi7ayXZiea/1V7+ljaXeYAfOgg2So2TOwQWGnwQafOgi962TnMFmatozUeNu4yetASspVvgXiUvii5K5Nm6z56ol3Hdtpy+cwSYy+HRUt1nLsoEato0kXyh6wTac+24brThWv6MNOYNW9prlG/uxmbRrFaT0VrCspZoNPSUNJNyCBcoiLZuhLH0o9U6UrAfGKCz7RlLM81Q8XUwqr4oKPLIQmnA8IupBigacVy7yrya/2JouhryJHJJNykg+UxLGOtz6+SQNpEiMcduls4Wvoli9WklVKz+ol5SU4U6ngql8Qj2eRI+GyajBhSRH4r3cUxhSeRVhsYBmWUWiyM+UMDmDUI2nsfuSC1I27nLgYZJlP8jhjJ3PY8iE+L8tWx4kQC6MQA5b1D9HNiRCFhx8AF/e2qh92VnKAAAAAElFTkSuQmCC');\n}"); return css.join(""); }, - sage: { - '4chan SS': 'iVBORw0KGgoAAAANSUhEUgAAAA4AAAANCAYAAACZ3F9/AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAa9JREFUKFOdkt0rg2EUwM95b2zlL0CRRLngksznXrJsNtYW1tjYhM3mY6+IXZAbikhTKJp8XZAp81UmWYhIRHHhUi60e7s6ntdCa2449es8PfU7z+k5B6AbyuE/wQlc4BcO2d06unAUBCgFE0hianOd3NHIcy8NPwrUf9NBPZcOEi7ayXZiea/1V7+ljaXeYAfOgg2So2TOwQWGnwQafOgi962TnMFmatozUeNu4yetASspVvgXiUvii5K5Nm6z56ol3Hdtpy+cwSYy+HRUt1nLsoEato0kXyh6wTac+24brThWv6MNOYNW9prlG/uxmbRrFaT0VrCspZoNPSUNJNyCBcoiLZuhLH0o9U6UrAfGKCz7RlLM81Q8XUwqr4oKPLIQmnA8IupBigacVy7yrya/2JouhryJHJJNykg+UxLGOtz6+SQNpEiMcduls4Wvoli9WklVKz+ol5SU4U6ngql8Qj2eRI+GyajBhSRH4r3cUxhSeRVhsYBmWUWiyM+UMDmDUI2nsfuSC1I27nLgYZJlP8jhjJ3PY8iE+L8tWx4kQC6MQA5b1D9HNiRCFhx8AF/e2qh92VnKAAAAAElFTkSuQmCC', - 'appchan': 'iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAABa1BMVEUAAACqrKiCgYIAAAAAAAAAAACHmX5pgl5NUEx/hnx4hXRSUVMiIyKwrbFzn19SbkZ1d3OvtqtpaWhcX1ooMyRsd2aWkZddkEV8vWGcpZl+kHd7jHNdYFuRmI4bHRthaV5WhUFsfGZReUBFZjdJazpGVUBnamYfHB9TeUMzSSpHgS1cY1k1NDUyOC8yWiFywVBoh1lDSEAZHBpucW0ICQgUHhBjfFhCRUA+QTtEQUUBAQFyo1praWspKigWFRZHU0F6j3E9Oz5VWFN0j2hncWONk4sAAABASDxJWkJKTUgAAAAvNC0fJR0DAwMAAAA9QzoWGhQAAAA8YytvrFOJsnlqyT9oqExqtkdrsExpsUsqQx9rpVJDbzBBbi5utk9jiFRuk11iqUR64k5Wf0JIZTpadk5om1BkyjmF1GRNY0FheFdXpjVXhz86XSp2yFJwslR3w1NbxitbtDWW5nNnilhFXTtYqDRwp1dSijiJ7H99AAAAUnRSTlMAJTgNGQml71ypu3cPEN/RDh8HBbOwQN7wVg4CAQZ28vs9EDluXjo58Ge8xwMy0P3+rV8cT73sawEdTv63NAa3rQwo4cUdAl3hWQSWvS8qqYsjEDiCzAAAAIVJREFUeNpFx7GKAQAYAOD/A7GbZVAWZTBZFGQw6LyCF/MIkiTdcOmWSzYbJVE2u1KX0J1v+8QDv/EkyS0yXF/NgeEILiHfyc74mICTQltqYXBeAWU9HGxU09YqqEvAElGjyZYjPyLqitjzHSEiGkrsfMWr0VLe+oy/djGP//YwfbeP8bN3Or0bkqEVblAAAAAASUVORK5CYII=' - }, icons: { pony: { 'Pinkie': 'iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/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', @@ -11444,6 +11439,7 @@ $.extend(Style, { layoutCSS: $.addStyle(Style.layout, 'layout'), themeCSS: $.addStyle(Style.theme(theme), 'theme'), + emojiCSS: $.addStyle(Emoji.css(), 'emoji'), dynamicCSS: $.addStyle(Style.dynamic(), 'dynamic'), icons: $.addStyle("", 'icons'), paddingSheet: $.addStyle("", 'padding'), @@ -11534,7 +11530,7 @@ b: parseInt(bgHex.substr(4, 2), 16) / 255 }); }, - layout: "/* Cleanup */\n#absbot,\n#boardNavDesktop,\n#delPassword,\n#delform > hr:last-of-type,\n#navbotright,\n#postForm,\n#search-label,\n#search-label-bottom,\n#styleSwitcher,\n#togglePostForm,\n.boardBanner > div,\n.mobile,\n.next form,\n.next span,\n.postingMode,\n.prev form,\n.prev span,\n.riced,\n.sideArrows,\n.stylechanger,\nbody > br,\nbody > div[style^=\"text-align\"],\nbody > hr {\n display: none;\n}\n/* Empties */\n#qr .warning:empty,\n#qr-thread-select:empty {\n display: none;\n}\n/* File Name Trunctuate */\n.fileText:hover .fntrunc,\n.fileText:not(:hover) .fnfull {\n display: none;\n}\n/* Unnecessary */\n#qp input,\n#qp .rice,\n.inline .rice {\n display: none !important;\n}\n/* Hidden Content */\n.forwarded,\n.hidden,\n.hidden_thread ~ div,\n.hidden_thread ~ a,\n.replyContainer .stub ~ div,\n.replyContainer .stub ~ a,\n.stub + div,\n.thread > .stub:first-child ~ .postContainer,\n.thread > .stub:first-child ~ .summary,\n[hidden] {\n display: none !important;\n}\n/* Hidden UI */\n#catalog,\n#navlinks,\n#navtopright,\n#svg_filters,\n.cataloglink,\n.navLinks {\n z-index: 7;\n position: fixed;\n top: 100%;\n left: 100%;\n}\n/* Hide last horizontal rule, keep clear functionality. */\n.board > hr:last-of-type {\n visibility: hidden;\n}\n/* Fappe Tyme */\n.fappeTyme .thread > .noFile,\n.fappeTyme .threadContainer > .noFile {\n display: none;\n}\n/* Defaults */\na {\n text-decoration: none;\n outline: none;\n}\n.underline-links a {\n text-decoration: underline;\n}\nbody,\nhtml {\n min-height: 100%;\n -moz-box-sizing: border-box;\n}\nbody {\n outline: none;\n min-height: 100%;\n}\n.sidebar-hide body {\n margin: 0 2px;\n}\n.sidebar-minimal body {\n margin: 0 20px;\n}\n.sidebar-normal body {\n margin: 0 252px\n}\n.sidebar-large body {\n margin: 0 303px;\n}\n.sidebar-location-right body {\n margin-left: 2px;\n}\n.sidebar-location-left body {\n margin-right: 2px;\n}\nbody.unscroll {\n overflow: hidden;\n}\n.fourchan-ss-sidebar body::before {\n content: '';\n position: fixed;\n top: 0;\n bottom: 0;\n -moz-box-sizing: border-box;\n display: block;\n z-index: 0;\n}\n.fourchan-ss-sidebar.sidebar-large body::before {\n width: 306px;\n}\n.fourchan-ss-sidebar.sidebar-normal body::before {\n width: 255px;\n}\n.fourchan-ss-sidebar.sidebar-minimal body::before {\n width: 23px;\n}\n.sidebar-location-right body::before {\n right: 0;\n}\nsidebar-location-left body::before {\n left: 0;\n}\n.fourchan-ss-sidebar.sidebar-location-right body {\n padding-right: 2px;\n}\n.fourchan-ss-sidebar.sidebar-location-left body {\n padding-left: 2px;\n}\nhr {\n clear: both;\n border: 0;\n padding: 0;\n margin: 0 0 1px;\n}\n.hide-horizontal-rules hr {\n visibility: hidden;\n}\nth {\n text-align: left;\n}\n.center {\n text-align: center;\n}\n.disabled {\n opacity: 0.5;\n}\n.pointer {\n cursor: pointer;\n}\n/* Symbols */\n.drop-marker {\n vertical-align: middle;\n display: inline-block;\n margin: 2px 2px 3px;\n border-top: .5em solid;\n border-right: .3em solid transparent;\n border-left: .3em solid transparent;\n}\n.brackets-wrap::before {\n content: \" [\";\n}\n.brackets-wrap::after {\n content: \"] \";\n}\n/* Thread / Reply Nav */\n#navlinks a {\n position: fixed;\n z-index: 12;\n opacity: 0.5;\n display: inline-block;\n border-right: 6px solid transparent;\n border-left: 6px solid transparent;\n margin: 1.5px;\n}\n#navlinks a:first-of-type {\n border-bottom: 11px solid rgb(130,130,130);\n}\n#navlinks a:last-of-type {\n border-top: 11px solid rgb(130,130,130);\n}\n/* Header */\n#header-bar {\n z-index: 6;\n border-width: 1px;\n padding: 0 2px;\n border-style: solid;\n}\n.pagination-sticky-top .pagelist,\n.pagination-sticky-bottom .pagelist,\n#header-bar {\n left: 2px;\n right: 2px;\n}\n.navigation-alignment-center #header-bar {\n text-align: center;\n}\n.navigation-alignment-right #header-bar {\n text-align: right;\n}\n.sidebar-location-left.sidebar-large:not(.pagination-on-side) .pagelist,\n.sidebar-location-left #header-bar {\n left: 303px;\n}\n.sidebar-location-left.sidebar-normal:not(.pagination-on-side) .pagelist,\n.sidebar-location-left #header-bar {\n left: 252px;\n}\n.sidebar-location-left.sidebar-minimal:not(.pagination-on-side):not(.fourchan-ss-navigation) .pagelist,\n.sidebar-location-left.sidebar-minimal:not(.fourchan-ss-navigation) #header-bar {\n left: 20px;\n}\n.sidebar-location-right.sidebar-large:not(.pagination-on-side) .pagelist,\n.sidebar-location-right #header-bar {\n right: 303px;\n}\n.sidebar-location-right.sidebar-normal:not(.pagination-on-side) .pagelist,\n.sidebar-location-right #header-bar {\n right: 252px;\n}\n.sidebar-location-right.sidebar-minimal:not(.pagination-on-side):not(.fourchan-ss-navigation) .pagelist,\n.sidebar-location-right.sidebar-minimal:not(.fourchan-ss-navigation) #header-bar {\n right: 20px;\n}\n.fourchan-ss-navigation .pagelist,\n.fourchan-ss-navigation #header-bar {\n left: 0;\n right: 0;\n border-left: 0;\n border-right: 0;\n border-radius: 0 !important;\n}\n.hide-navigation-decorations #header-bar {\n font-size: 0;\n color: transparent;\n word-spacing: 2px;\n}\n#shortcuts {\n float: right;\n}\n.fixed #header-bar.autohide {\n z-index: 24;\n}\n.fixed #header-bar {\n position: fixed;\n}\n.top #header-bar {\n top: 0;\n border-top-width: 0;\n}\n.rounded-edges.top #header-bar {\n border-radius: 0 0 3px 3px;\n}\n.fixed.bottom #header-bar {\n bottom: 0;\n border-bottom-width: 0;\n}\n.rounded-edges.bottom #header-bar {\n border-radius: 3px 3px 0 0;\n}\n.hide #header-bar {\n position: fixed;\n top: 110%;\n bottom: auto;\n}\n/* Header Autohide */\n.fixed #header-bar.autohide:not(:hover) {\n box-shadow: none;\n transition: all .8s .6s cubic-bezier(.55, .055, .675, .19);\n}\n.fixed.top #header-bar.autohide:not(:hover) {\n margin-bottom: -1em;\n transform: translateY(-100%);\n}\n.fixed.bottom #header-bar.autohide:not(:hover) {\n transform: translateY(100%);\n}\n#scroll-marker {\n left: 0;\n right: 0;\n height: 10px;\n position: absolute;\n}\n#header-bar #scroll-marker {\n display: none;\n}\n.fixed #header-bar #scroll-marker {\n display: block;\n}\n.fixed.top header-bar #scroll-marker {\n top: 100%;\n}\n.fixed.bottom #header-bar #scroll-marker {\n bottom: 100%;\n}\n/* Notifications */\n#notifications {\n position: fixed;\n top: 0;\n text-align: center;\n right: 0;\n left: 0;\n transition: all .8s .6s cubic-bezier(.55, .055, .675, .19);\n}\n.fixed.top #header-bar #notifications {\n position: absolute;\n top: 100%;\n}\n.notification {\n color: #fff;\n font-weight: 700;\n text-shadow: 0 1px 2px rgba(0, 0, 0, .5);\n box-shadow: 0 1px 2px rgba(0, 0, 0, .15);\n border-radius: 2px;\n margin: 1px auto;\n width: 500px;\n max-width: 100%;\n position: relative;\n transition: all .25s ease-in-out;\n}\n.notification.error {\n background-color: hsla(0, 100%, 38%, .9);\n}\n.notification.warning {\n background-color: hsla(36, 100%, 38%, .9);\n}\n.notification.info {\n background-color: hsla(200, 100%, 38%, .9);\n}\n.notification.success {\n background-color: hsla(104, 100%, 38%, .9);\n}\n.notification a {\n color: #fff;\n}\n.notification > .close {\n padding: 6px;\n top: 0;\n right: 5px;\n position: absolute;\n color: #fff;\n}\n.message {\n -moz-box-sizing: border-box;\n padding: 6px 20px;\n max-height: 200px;\n width: 100%;\n overflow: auto;\n}\n/* Updater / Thread Stats */\n.float #thread-stats,\n.float #updater {\n position: fixed;\n}\n#update-status.new::after {\n content: ', ';\n}\n/* Pagination */\n.pagelist {\n border-style: solid;\n border-width: 1px;\n z-index: 6;\n}\n.pagination-alignment-center .pagelist {\n text-align: center;\n}\n.pagination-alignment-right .pagelist {\n text-align: right;\n}\n.pagination-sticky-top .pagelist {\n position: fixed;\n top: 0;\n border-top-width: 0;\n}\n.pagination-sticky-bottom .pagelist {\n position: fixed;\n bottom: 0;\n border-bottom-width: 0;\n}\n.pagination-top .pagelist {\n position: static;\n border-top-width: 0;\n}\n.pagination-bottom .pagelist {\n position: static;\n}\n.pagination-top.rounded-edges .pagelist,\n.pagination-sticky-top.rounded-edges .pagelist {\n border-radius: 0 0 3px 3px;\n}\n.pagination-bottom.rounded-edges .pagelist,\n.pagination-sticky-bottom.rounded-edges .pagelist {\n border-radius: 3px 3px 0 0;\n}\n.pagination-hide .pagelist {\n display: none;\n}\n.pagination-on-side .pagelist {\n position: fixed;\n padding: 0;\n top: auto;\n bottom: 0.5em;\n margin: 0;\n background: none transparent !important;\n border: 0 none !important;\n text-align: right;\n}\n.pagination-on-side.post-form-style-fixed.show-post-form-header .pagelist {\n bottom: 23.1em;\n}\n.pagination-on-side.post-form-style-fixed .pagelist {\n bottom: 21.6em;\n}\n.sidebar-location-left.pagination-on-side .pagelist {\n transform: rotate(-90deg);\n transform-origin: bottom left;\n}\n\n.sidebar-location-right.pagination-on-side .pagelist {\n transform: rotate(90deg);\n transform-origin: bottom right;\"\n}\n.sidebar-location-right.sidebar-large.pagination-on-side .pagelist {\n left: auto;\n right: 301px;\n}\n.sidebar-location-left.sidebar-large.pagination-on-side .pagelist {\n right: auto;\n left: 301px;\n}\n.sidebar-location-right.sidebar-normal.pagination-on-side .pagelist {\n left: auto;\n right: 246px;\n}\n.sidebar-location-left.sidebar-normal.pagination-on-side .pagelist {\n right: auto;\n left: 246px;\n}\n.sidebar-location-right.sidebar-minimal.pagination-on-side .pagelist {\n left: auto;\n right: 246px;\n}\n.sidebar-location-left.sidebar-minimal.pagination-on-side .pagelist {\n right: auto;\n left: 18px;\n}\n.hide-navigation-decorations .pagelist {\n font-size: 0;\n color: transparent;\n word-spacing: 0;\n}\n.pagelist input,\n.pagelist div {\n vertical-align: middle;\n}\n.hide-navigation-decorations .pages a {\n margin: 0 1px;\n}\n.next,\n.pages,\n.prev {\n display: inline-block;\n margin: 0 3px;\n}\n/* Icons */\n.icons-4chan-ss #navtopright .exlinksOptionsLink::after,\n.icons-4chan-ss #main-menu,\n.icons-4chan-ss .navLinks > a:first-of-type::after,\n.icons-4chan-ss #watcher::after,\n.icons-4chan-ss #globalMessage::after,\n.icons-4chan-ss #boardNavDesktopFoot::after,\n.icons-4chan-ss #img-controls,\n.icons-4chan-ss #catalog::after,\n.icons-4chan-ss #fappeTyme {\n background-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAACWCAMAAAA2YSLzAAAAPFBMVEVkZGRlZWVjY2NmZmZnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dZxmG7AAAAE3RSTlMFFQ0AJD8eQFRqf5CgssDM4+73gHqZRAAAA0pJREFUSMetVlmy5CgMZDMGxK7737Ulgcu8ejMREzHtD7sShJRaKWV/Psq3iz7QGwTF2BZ01hp3N6yasctZJANiN5ZlItDLtNkQDGNeMLU7EqmCbUwhkhZbwsIuNbyWPX7dIyHOrDYOc8SOiEUJjojN0EsWlCXRrq2qvJCsIjic2OcFrwrOpdmTimqVyWG7ZkrWy97p7z/hACd2FUetBcQDpTN+nuKsGng881L5xOz/VQ88xL/eQkyZT3axp+4dUMwvH0Pnhn6wSyR+8IdR4f43/v8XX1BHjXpjwy5RdEcQ7DiuzlBUsFD+GeIFEy6W0pKXoSZOiUz5tf99nvTDD/1sP9VRPvb/un86lT57SVqwSk8KR+L6kgTOlcZslRQe5WmJRKovETW7Anb+HzxUW4Xgnv11fuuj82aKXHz1Tzztx9v4VA9+/6le26B+3VhTC9RMPIr0qx4zaWNsnFRO0s8FWgEIFIRiVUAIlJGciqMmCwpQWyI/OplXA1RrXG1YI2svTQ3ufhWjNlKFqtXFI7Yg+zAXRcBZ+HygJuVHd0ys35bVn6QojLL5cZeVvPht/mVu/r/8s7GMXsLjv2s71GZhgjnEwsEVXogiSl/pl7LWra0IQgO3poTsieoYd4dhWfJlGWqyQf6sLxWt3/MRa4Im04ixeSdAWnxvqCX6tObVmzpZOPOZvrBNJF8gmGciBChsV+YdRYwnAvNpS4AnYFBm0KA2a35Unh+efxjercaLfV7wW0rtUTNl2j715al/9VtfutF+NZ/+aZSa+py/GCpRyvr17EsVLbRhmN++BBY/ik5/+YPK6bKnf2T8fh7P+uEYn0D3E4L3i6QHmvc3+k+8PN6Mb1w52tje6LbAi+M0FT4YneqVbpVDPnL2Xqx7m3tf9ENXHba9H/a/+X3z/+XfCnOo+Zy/o4SgY5Z6iq0nb+9Mc4JxL5f1qYs+xhTP/uiX/cMe4+hDHAfGnmGe+Ev+G88vnG7Ie20wHiUt/S1Kv+6BCM/9fkEfz73/9HNufQ4ZKdzvnwtS/LXltRcJB/yJ23H/mo89nPFa85Li3XOYu435LwTXKVWwO+cnlWFTB47L/AdfR//KI2bvF8sAb0c/M+1+YE3/oS77B8N+UUVHraV6AAAAAElFTkSuQmCC\");\n}\n.icons-oneechan #navtopright .exlinksOptionsLink::after,\n.icons-oneechan #main-menu,\n.icons-oneechan .navLinks > a:first-of-type::after,\n.icons-oneechan #watcher::after,\n.icons-oneechan #globalMessage::after,\n.icons-oneechan #boardNavDesktopFoot::after,\n.icons-oneechan #img-controls,\n.icons-oneechan #catalog::after,\n.icons-oneechan #fappeTyme {\n background-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAACWCAMAAAA2YSLzAAAAPFBMVEVoaGhqampeXl5sbGxsbGxra2tsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGzXmsRLAAAAE3RSTlMAEAYnHBg2QExbcYaWqM++2+z4BMdvAwAAAtVJREFUSMfFVgmu3CAMhYRPAmb3/e9aL5Bl2kptVbXWSOSBsY15NmOMMZs1KnNExC+ezgV4MBtNMIw58+qX2REtQwiifdC6hwlNQBGfUlBzc+KYkP3IxH5hNvicCPXrMfEVi3ts2WrzaiN6jie2OI2GXbBfXiA/XPyexPpEHrHdyDV8YAt6vEYCVpJ3S7rXAZKkkfbnuR8Uk/32xsac6Y01La2ZfyIh1VrX9Rnfu5ygd6/XeQAGFxACkopDb3mkeXug48x5FCKhNzW+1j2t8/5EEwHTIfPm6G3aP37o/w/ir3QZ2V/xY0spdSxWL7MrLU7slmnDSY0UrH6CBJ/wFI3TNGECCDY9G4xmrpDkZvQMJ4q31EzLQuhipr7ag8ueFa+hUQy2d43nnPGg7NopHTUVyYlWpE+lUT4qfhDCnLpzB8oXLLJb4leptD/JblswOaZd0gRkDV0cJi69NNOUaclRpG6S1NPdRVPLjI3VSjWV8+FmaARknTxqfipl0tGR1DXvd0h251Ww/ZlaNQoaX3bqUS+IK6ZX4hysvuQinS+6n9638/6BbK4RLi6R11O8rPS4OnO66KHtw6yK96BWrg5QxDGcVzcoB8cYb/dE1zPO6C+pHxN0Ttw/JtJrx55+oV9Jq+ScF22IfBWDD+sHfTnBmKlpS99hPGSC4SBsi+dP3p0PjVBVedMdO3WoG57cAEbYVNkRHFROIzjYuGjoM7LOaEQKbtQjkuo5hCSMmezaNq3Gl6TE5J3ZLMu26SjpPJZo4h/9FJhT4JQJzjFXD7x54fBgzO9RvDH9Vl5vHIetcGHct1apLh/6gU3c2PYy5rrYh7a1NP29/H/G9xn/d+f7FNVcw9/H/9sf8ymXPnqdDd7Wx3OpzWRJuP8+iMTFe7wZq48Tce7QciNetUzku+pT/t4UHK/iIq2yPR/8y/315M/rWl1A/sM83phVh6+aeZY39OLNN4Y0P2GdHOWPAAAAAElFTkSuQmCC\");\n}\n/* Banner & Board Title */\n.boardBanner {\n line-height: 0;\n}\n.faded-4chan-banner .boardBanner {\n opacity: 0.5;\n transition: opacity 0.3s ease-in-out .5s;\n}\n.faded-4chan-banner .boardBanner:hover {\n opacity: 1;\n transition: opacity 0.3s ease-in;\n}\n/* From 4chan SS / OneeChan */\n\n.fourchan-banner-reflection .boardBanner::after {\n background-image: -moz-element(#Banner);\n bottom: -100%;\n content: '';\n left: 0;\n mask: url(\"data:image/svg+xml, #mask\");\n opacity: 0.3;\n position: absolute;\n right: 0;\n top: 100%;\n -moz-transform: scaleY(-1);\n z-index: -1;\n}\n\n.fourchan-banner-at-sidebar-top .boardBanner,\n.fourchan-banner-at-sidebar-bottom .boardBanner,\n.fourchan-banner-at-sidebar-bottom .boardBanner {\n position: fixed;\n}\n.fourchan-banner-at-sidebar-top .boardBanner {\n top: 16px;\n}\n.fourchan-banner-at-sidebar-bottom .boardBanner {\n bottom: 270px;\n}\n.fourchan-banner-under-post-form .boardBanner {\n bottom: 130px;\n}\n.board-title-at-sidebar-top.sidebar-location-right #boardTitle,\n.board-title-at-sidebar-bottom.sidebar-location-right #boardTitle,\n.board-title-under-post-form.sidebar-location-right #boardTitle,\n.fourchan-banner-at-sidebar-top.sidebar-location-right .boardBanner,\n.fourchan-banner-at-sidebar-bottom.sidebar-location-right .boardBanner,\n.fourchan-banner-under-post-form.sidebar-location-right .boardBanner {\n right: 2px;\n}\n.board-title-at-sidebar-top.sidebar-location-left #boardTitle,\n.board-title-at-sidebar-bottom.sidebar-location-left #boardTitle,\n.board-title-under-post-form.sidebar-location-left #boardTitle,\n.fourchan-banner-at-sidebar-top.sidebar-location-left .boardBanner,\n.fourchan-banner-at-sidebar-bottom.sidebar-location-left .boardBanner,\n.fourchan-banner-under-post-form.sidebar-location-left .boardBanner {\n left: 2px;\n}\n.board-title-at-sidebar-top #boardTitle,\n.board-title-at-sidebar-bottom #boardTitle,\n.board-title-under-post-form #boardTitle,\n.fourchan-banner-at-sidebar-top .boardBanner img,\n.fourchan-banner-at-sidebar-bottom .boardBanner img,\n.fourchan-banner-under-post-form .boardBanner img {\n width: 248px;\n}\n.board-title-at-sidebar-top.sidebar-large #boardTitle,\n.board-title-at-sidebar-bottom.sidebar-large #boardTitle,\n.board-title-under-post-form.sidebar-large #boardTitle,\n.fourchan-banner-at-sidebar-top.sidebar-large .boardBanner img,\n.fourchan-banner-at-sidebar-bottom.sidebar-large .boardBanner img,\n.fourchan-banner-under-post-form.sidebar-large .boardBanner img {\n width: 299px;\n}\n.fourchan-banner-at-top .boardBanner {\n position: relative;\n display: table;\n margin: 12px auto;\n text-align: center;\n}\n:root:not(.board-subtitle) .boardSubtitle,\n.board-title-hide #boardTitle,\n.fourchan-banner-hide .boardBanner {\n display: none;\n}\n#boardTitle {\n text-align: center;\n z-index: 4;\n}\n.board-title-at-sidebar-top #boardTitle,\n.board-title-at-sidebar-bottom #boardTitle,\n.board-title-under-post-form #boardTitle {\n position: fixed;\n}\n.board-title-at-sidebar-top.fourchan-banner-at-sidebar-top.sidebar-large #boardTitle {\n top: 121px;\n}\n.board-title-at-sidebar-top.fourchan-banner-at-sidebar-top #boardTitle {\n top: 104px;\n}\n.board-title-at-sidebar-top #boardTitle {\n top: 40px;\n}\n.board-title-at-sidebar-bottom #boardTitle {\n bottom: 280px;\n}\n.board-title-under-post-form #boardTitle {\n bottom: 140px;\n}\n/* Hover UI */\n.move {\n cursor: pointer;\n}\n#ihover {\n position: fixed;\n max-height: 97%;\n max-width: 75%;\n padding: 10px;\n z-index: 22;\n}\n#qp {\n position: fixed;\n z-index: 22;\n}\n#qp .postMessage::after {\n clear: both;\n display: block;\n content: \"\";\n}\n#qp .full-image {\n max-height: 300px;\n max-width: 500px;\n}\n#menu {\n position: fixed;\n outline: none;\n z-index: 22;\n}\n/* Image Expansion */\n.fit-width .full-image {\n max-width: 100%;\n width: 100%;\n}\n.images-overlap-post-form .full-image {\n position: relative;\n z-index: 21;\n}\n/* Delete Buttons */\n.hide-delete-ui .deleteform,\n.hide-delete-ui .post:not(#exlinks-options) .rice {\n display: none;\n}\n.hide-delete-ui .postInfo {\n padding: 0 0 0 3px;\n}\n.deleteform {\n position: fixed;\n z-index: 18;\n width: 0;\n bottom: 0;\n right: 0;\n border-width: 1px 0 0 1px;\n border-style: solid;\n font-size: 0;\n color: transparent;\n}\n.deleteform:hover {\n width: auto;\n}\n.deleteform::before {\n z-index: 18;\n border-width: 1px 0 0 1px;\n border-style: solid;\n content: '✖';\n display: block;\n position: fixed;\n bottom: 0;\n right: 0;\n -moz-box-sizing: border-box;\n height: 1.6em;\n width: 1.4em;\n text-align: center;\n}\n.deleteform:hover::before {\n display: none;\n}\n.deleteform input {\n margin: 0 1px 0 0;\n}\n/* Slideout Navigation */\n#boardNavDesktopFoot {\n position: fixed;\n text-align: center;\n font-size: 0;\n color: transparent;\n overflow: hidden;\n -moz-box-sizing: border-box;\n width: 248px;\n}\n.sidebar-large #boardNavDesktopFoot {\n width: 299px;\n}\n.sidebar-location-right #boardNavDesktopFoot {\n right: 2px;\n}\n.sidebar-location-left #boardNavDesktopFoot {\n left: 2px;\n}\n#boardNavDesktopFoot:hover {\n overflow-y: auto;\n padding: 2px;\n}\n#boardNavDesktopFoot:not(:hover) {\n border-color: transparent;\n background-color: transparent;\n height: 0;\n overflow: hidden;\n padding: 0;\n border: 0 none;\n}\n.slideout-navigation-compact #boardNavDesktopFoot {\n word-spacing: 1px;\n}\n.slideout-navigation-list #boardNavDesktopFoot a {\n display: block;\n}\n.slideout-navigation-list #boardNavDesktopFoot:hover {\n max-height: 400px;\n}\n.slideout-navigation-list #boardNavDesktopFoot a::after {\n content: ' - ' attr(title);\n}\n.slideout-navigation-list #boardNavDesktopFoot a[href*='//boards.4chan.org/']::after,\n.slideout-navigation-list #boardNavDesktopFoot a[href*='//rs.4chan.org/']::after {\n content: '/ - ' attr(title);\n}\n.slideout-navigation-list #boardNavDesktopFoot a[href*='//boards.4chan.org/']::before,\n.slideout-navigation-list #boardNavDesktopFoot a[href*='//rs.4chan.org/']::before {\n content: '/';\n}\n.slideout-navigation-hide #boardNavDesktopFoot {\n display: none;\n}\n/* Watcher */\n#watcher {\n position: fixed;\n z-index: 14;\n padding: 2px;\n}\n#watcher {\n width: 200px;\n}\n#watcher:not(:hover) {\n max-height: 200px;\n overflow: hidden;\n}\n.rounded-edges #watcher {\n border-radius: 3px;\n}\n#watcher > div {\n max-height: 1.3em;\n overflow: hidden;\n}\n.slideout-watcher #watcher {\n -moz-box-sizing: border-box;\n width: 248px;\n}\n.slideout-watcher.sidebar-large #boardNavDesktopFoot {\n width: 299px;\n}\n.slideout-watcher.sidebar-location-right #watcher {\n left: auto !important;\n right: 2px !important;\n}\n.slideout-watcher.sidebar-location-left #watcher {\n right: auto !important;\n left: 2px !important;\n}\n.slideout-watcher #watcher .move {\n cursor: default;\n}\n.slideout-watcher.underline-links #watcher .move {\n text-decoration: underline;\n}\n.slideout-watcher #watcher > div {\n overflow: hidden;\n}\n.slideout-watcher #watcher:hover {\n overflow-y: auto;\n}\n.slideout-watcher #watcher:not(:hover) {\n height: 0;\n overflow: hidden;\n border: 0 none;\n padding: 0;\n}\n.watch-thread-link {\n padding-top: 18px;\n width: 18px;\n height: 0px;\n display: inline-block;\n background-repeat: no-repeat;\n opacity: 0.2;\n position: relative;\n top: 1px;\n}\n.watch-thread-link.watched {\n opacity: 1;\n}\n/* Announcements */\n#globalMessage {\n text-align: center;\n}\n.rounded-edges #globalMessage {\n border-radius: 3px;\n}\n.announcements-slideout #globalMessage {\n position: fixed;\n padding: 2px;\n width: 248px;\n}\n.announcements-slideout.sidebar-location-right #globalMessage {\n left: auto;\n right: 2px;\n}\n.announcements-slideout.sidebar-location-left #globalMessage {\n right: auto;\n left: 2px;\n}\n.announcements-slideout.sidebar-large #globalMessage {\n width: 299px;\n}\n.announcements-slideout #globalMessage h3 {\n margin: 0;\n}\n.announcements-slideout #globalMessage:hover {\n -moz-box-sizing: border-box;\n overflow-y: auto;\n}\n.announcements-slideout #globalMessage:not(:hover) {\n height: 0;\n overflow: hidden;\n padding: 0;\n border: 0 none;\n}\n.announcements-hide #globalMessage {\n display: none !important;\n}\n/* Threads */\n#threads,\n.rounded-edges .board > .thread {\n border-radius: 4px;\n}\n/* Thread Clearfix */\n.thread > .threadContainer:last-of-type::after,\n.thread > .postContainer:last-of-type::after {\n display: block;\n content: ' ';\n clear: both;\n}\n/* Posts */\n.expanding {\n opacity: .5;\n}\n.fileText:hover .fntrunc,\n.fileText:not(:hover) .fnfull,\n.expanded-image > .post > .file > .fileThumb > img[data-md5],\n.post > .file > .fileThumb > .full-image {\n display: none;\n}\n.expanded-image > .post > .file > .fileThumb > .full-image {\n display: block;\n}\n.thread > .replyContainer:last-of-type .post {\n margin-bottom: 0;\n}\n.menu-button {\n position: relative;\n}\n.stub .menu-button,\n.post .menu-button,\n.hide-thread-button,\n.show-thread-button span,\n.hide-reply-button,\n.show-reply-button span {\n float: right;\n}\n.post .menu-button,\n.hide-thread-button,\n.hide-reply-button {\n margin: 0 3px;\n opacity: 0;\n transition: opacity .3s ease-out 0s;\n}\n.post:hover .hide-reply-button,\n.post:hover .menu-button,\n.post:hover .hide-thread-button,\n.hidden_thread .hide-thread-button,\n.hidden_thread .menu-button,\n.inline .hide-reply-button,\n.inline .menu-button {\n opacity: 1;\n}\n.hidden_thread {\n text-align: right;\n}\n.color-user-ids .posteruid .hand {\n padding: .1em .3em;\n border-radius: 1em;\n font-size: 80%;\n}\n.postInfo > span {\n vertical-align: bottom;\n}\n.bolds .subject,\n.bolds .name {\n font-weight: 600;\n}\n.italics .postertrip {\n font-style: italic;\n}\n.underline-links .replylink {\n text-decoration: underline;\n}\n.fileInfo {\n padding: 0 3px;\n}\n.fileThumb {\n float: left;\n margin: 3px 20px;\n outline: none;\n}\n.reply.post {\n -moz-box-sizing: border-box;\n display: inline-block;\n}\n.fit-width-replies .reply.post {\n display: block;\n overflow: hidden;\n}\n.fit-width-replies .expanded-image .reply.post,\n.fit-width-replies .hasInline .reply.post {\n width: 100%;\n}\n.indent-replies #unread-line,\n.indent-replies .thread > .replyContainer,\n.indent-replies .threadContainer > .replyContainer {\n margin-left: 2em;\n}\n.expanded-image .reply.post,\n.hasInline .reply.post {\n display: inline-block;\n overflow: visible;\n clear: both;\n}\n.rounded-edges .post {\n border-radius: 3px;\n}\n.spoiler,\ns {\n text-decoration: none;\n}\n/* Reply Clearfix */\n.reply.post .postMessage {\n clear: right;\n}\n.op-background .op.post .postMessage::after,\n.force-reply-break .op.post .postMessage::after {\n display: block;\n content: ' ';\n clear: both;\n}\n/* OP */\n.favicon {\n vertical-align: bottom;\n}\n.op-background .op.post {\n -moz-box-sizing: border-box;\n}\n/* Summary */\n.force-reply-break .summary {\n clear: both;\n}\n/* Inlined */\n.inline {\n margin: 2px 8px 2px 2px;\n}\n.post .inline {\n margin: 2px;\n}\n.inline .replyContainer {\n display: inline-block;\n}\n/* Inlined Clearfix */\n.inline .postMessage::after {\n clear: both;\n display: block;\n content: \"\";\n}\n/* Quotes */\n.inlined {\n opacity: .5;\n}\n.underline-links .quotelink {\n text-decoration: underline;\n}\n.filtered,\n.quotelink.filtered {\n text-decoration: line-through !important;\n}\n.inline + .hashlink {\n display: none;\n}\n/* Quote Threading */\n.threadContainer {\n padding-left: 2em;\n border-left: 1px solid;\n}\n.indent-replies .threadContainer {\n margin-left: 2em;\n padding-left: 0;\n}\n.threadOP {\n clear: both;\n}\n/* Backlinks */\n.underline-links .forwardlink,\n.underline-links .backlink {\n text-decoration: underline;\n}\n.backlink.dead {\n text-decoration: none;\n}\n.filtered-backlinks .filtered.backlink {\n display: none;\n}\n.backlinks-position-lower-left .container,\n.backlinks-position-lower-right .container {\n max-width: 100%;\n padding: 0 5px;\n}\n.backlinks-position-lower-left .reply.quoted,\n.backlinks-position-lower-right .reply.quoted {\n position: relative;\n padding-bottom: 1.7em;\n}\n.backlinks-position-lower-left .inline .reply.quoted,\n.backlinks-position-lower-right .inline .reply.quoted,\n.backlinks-position-lower-right #qp .reply.quoted,\n.backlinks-position-lower-left #qp .reply.quoted {\n position: static;\n padding-bottom: 0;\n}\n.backlinks-position-lower-right .reply .container,\n.backlinks-position-lower-left .reply .container {\n position: absolute;\n bottom: 0;\n padding: 0 5px;\n}\n.backlinks-position-lower-left .reply .container {\n left: 0;\n}\n.backlinks-position-lower-right .reply .container {\n right: 0;\n}\n.backlinks-position-lower-right .container::before,\n.backlinks-position-lower-left .reply .container::before {\n content: 'REPLIES: ';\n}\n.container:empty {\n display: none;\n}\n.backlinks-position-lower-left #qp .container,\n.backlinks-position-lower-left .inline .container,\n.backlinks-position-lower-right .inline .container,\n.backlinks-position-lower-right #qp .container {\n position: static;\n max-width: 100%;\n}\n.backlinks-position-lower-left #qp .container::before,\n.backlinks-position-lower-left .inline .container::before,\n.backlinks-position-lower-right #qp .container::before,\n.backlinks-position-lower-right .inline .container::before {\n content: '';\n}\n.backlinks-position-lower-right .inline .container {\n float: none;\n}\n/* Fixes text spoilers */\n.remove-spoilers.indicate-spoilers .spoiler::before,\n.remove-spoilers.indicate-spoilers s::before {\n content: '[spoiler]';\n}\n.remove-spoilers.indicate-spoilers .spoiler::after,\n.remove-spoilers.indicate-spoilers s::after {\n content: '[/spoiler]';\n}\n:root:not(.remove-spoilers) .spoiler:not(:hover) *,\n:root:not(.remove-spoilers) s:not(:hover) * {\n color: rgb(0,0,0) !important;\n text-shadow: none !important;\n}\n:root:not(.remove-spoilers) spoiler:not(:hover),\n:root:not(.remove-spoilers) s:not(:hover) {\n background-color: rgb(0,0,0);\n color: rgb(0,0,0) !important;\n text-shadow: none !important;\n}\n/* Code */\n.prettyprint {\n -moz-box-sizing: border-box;\n font-family: monospace;\n display: inline-block;\n margin-right: auto;\n white-space: pre-wrap;\n border-radius: 2px;\n overflow-x: auto;\n padding: 3px;\n max-width: 100%;\n}\n/* Menu */\n.entry {\n border-bottom: 1px solid rgba(0,0,0,.25);\n cursor: pointer;\n display: block;\n outline: none;\n padding: 3px 1em 3px 7px;\n position: relative;\n text-decoration: none;\n white-space: nowrap;\n}\n.entry:last-child {\n border-bottom: 0;\n}\n.has-submenu::after {\n content: \"\";\n border-left: .5em solid;\n border-top: .3em solid transparent;\n border-bottom: .3em solid transparent;\n display: inline-block;\n margin: .3em;\n position: absolute;\n right: 0;\n}\n.submenu {\n display: none;\n position: absolute;\n top: -1px;\n}\n.focused .submenu {\n display: block;\n}\n/* Stubs */\n.fit-width-replies .stub {\n display: block;\n text-align: right;\n}\n/* Element Replacing: */\n/* Checkboxes */\n.rice {\n cursor: pointer;\n width: 9px;\n height: 9px;\n margin: 2px 3px 3px;\n display: inline-block;\n vertical-align: bottom;\n}\ninput[type=checkbox]:checked + .rice {\n position: relative;\n}\ninput[type=checkbox]:checked + .rice::after {\n content: \"\";\n display: block;\n width: 4px;\n height: 10px;\n border-width: 0 3px 3px 0;\n border-style: solid;\n transform: rotate(45deg);\n position: absolute;\n left: 2px;\n bottom: -1px;\n}\n.rounded-edges .rice {\n border-radius: 2px;}\n}\n.circle-checkboxes .rice {\n border-radius: 6px;}\n}\ninput:checked + .rice {\n background-attachment: scroll;\n background-repeat: no-repeat;\n background-position: bottom right;\n}\n/* Selects */\n.selectrice {\n position: relative;\n cursor: default;\n overflow: hidden;\n text-align: left;\n}\n#settings .selectrice {\n display: inline-block;\n}\n.selectrice::after {\n content: \"\";\n border-right: .25em solid transparent;\n border-left: .25em solid transparent;\n position: absolute;\n right: .4em;\n top: .5em;\n}\n.selectrice::before {\n content: \"\";\n height: 1.6em;\n position: absolute;\n right: 1.3em;\n top: 0;\n}\n/* Select Dropdown */\n#selectrice {\n padding: 0;\n margin: 0;\n position: fixed;\n max-height: 120px;\n overflow-y: auto;\n overflow-x: hidden;\n z-index: 32;\n}\n#selectrice:empty {\n display: none;\n}\n/* Post Form Shortcut */\n.qr-shortcut.on-page {\n font-size: 250%;\n}\n/* Post Form */\n#qr {\n z-index: 20;\n position: fixed;\n background: none;\n border: none;\n}\n.qr-wrapper {\n padding: 1px;\n min-width: 248px;\n background: transparent;\n border: 1px solid transparent;\n}\n.sidebar-large #qr {\n min-width: 299px;\n}\n.rounded-edges #qr,\n.rounded-edges #qrtab {\n border-radius: 3px 3px 0 0;\n}\n.post-form-style-fixed #qr {\n top: auto !important;\n}\n.sidebar-location-left:not(.post-form-style-float) #qr {\n left: 0 !important;\n right: auto !important;\n}\n.sidebar-location-right:not(.post-form-style-float) #qr {\n right: 0 !important;\n left: auto !important;\n}\n:root:not(.post-form-style-float) #qr {\n bottom: 0 !important;\n}\n.fourchan-ss-navigation.fixed.bottom:not(.post-form-style-float) #qr,\n.fourchan-ss-navigation.index.pagination-sticky-bottom:not(.post-form-style-float) #qr {\n bottom: 1.5em !important;\n}\n.post-form-style-slideout #qr {\n top: auto !important;\n}\n.post-form-style-slideout.sidebar-location-left #qr {\n transform: translateX(-93%);\n}\n.post-form-style-slideout.sidebar-location-right #qr {\n transform: translateX(93%);\n}\n.post-form-style-slideout #qr:hover,\n.post-form-style-slideout #qr.has-focus,\n.post-form-style-slideout #qr.dump {\n transform: translate(0);\n}\n.post-form-style-tabbed-slideout #qr {\n top: auto !important;\n}\n.post-form-style-tabbed-slideout.sidebar-location-left #qr {\n transform: translateX(-100%);\n}\n.post-form-style-tabbed-slideout.sidebar-location-right #qr {\n transform: translateX(100%);\n}\n.post-form-style-tabbed-slideout #qr:hover,\n.post-form-style-tabbed-slideout #qr.has-focus,\n.post-form-style-tabbed-slideout #qr.dump {\n transform: translateX(0);\n}\n.post-form-style-tabbed-slideout #qrtab {\n position: absolute;\n top: 0;\n width: 120px;\n text-align: center;\n border-width: 1px 1px 0 1px;\n cursor: default;\n}\n.post-form-style-tabbed-slideout.sidebar-location-left #qrtab {\n transform: rotate(90deg);\n transform-origin: bottom right;\n left: 100%;\n}\n.post-form-style-tabbed-slideout.sidebar-location-right #qrtab {\n transform: rotate(-90deg);\n transform-origin: bottom right;\n right: 100%;\n}\n.post-form-style-tabbed-slideout #qr:hover #qrtab,\n.post-form-style-tabbed-slideout #qr.has-focus #qrtab,\n.post-form-style-tabbed-slideout #qr.dump #qrtab {\n opacity: 0 !important;\n}\n.post-form-style-slideout #qrtab input,\n.post-form-style-slideout #qrtab .rice,\n.post-form-style-tabbed-slideout #qrtab input,\n.post-form-style-tabbed-slideout #qrtab .close,\n.post-form-style-tabbed-slideout #qrtab .rice,\n.post-form-style-tabbed-slideout #qrtab span {\n display: none;\n}\n.post-form-style-tabbed-slideout #qrtab .selectrice {\n text-align: center;\n}\n.transparent-post-form .qr-wrapper {\n opacity: 0.2;\n transition: opacity .3s ease-in-out 1s;\n}\n.transparent-post-form #qr:hover .qr-wrapper,\n.transparent-post-form #qr.has-focus .qr-wrapper,\n.transparent-post-form #qr.dump .qr-wrapper {\n opacity: 1;\n transition: opacity .3s linear;\n}\n:root:not(.show-post-form-header):not(.post-form-style-float):not(.post-form-tabbed-slideout) #qrtab,\n.post-form-style-float .autohide:not(:hover):not(.has-focus) form,\n.show-post-form-header.post-form-style-fixed .autohide:not(:hover):not(.has-focus) form {\n display: none !important;\n}\n:root:not(.post-form-style-tabbed-slideout) #qrtab {\n margin-bottom: 1px;\n}\n#qr.autohide:not(:hover):not(.has-focus) #qrtab {\n margin-bottom: 0;\n}\n.post-form-slideout-transitions.post-form-style-slideout #qr,\n.post-form-slideout-transitions.post-form-style-tabbed-slideout #qr {\n transition: transform .3s ease-in-out 1s;\n}\n.post-form-slideout-transitions.post-form-style-tabbed-slideout #qr.dump,\n.post-form-slideout-transitions.post-form-style-tabbed-slideout #qr:hover,\n.post-form-slideout-transitions.post-form-style-tabbed-slideout #qr.has-focus,\n.post-form-slideout-transitions.post-form-style-slideout #qr.dump,\n.post-form-slideout-transitions.post-form-style-slideout #qr:hover,\n.post-form-slideout-transitions.post-form-style-slideout #qr.has-focus {\n transition: transform .3s linear;\n}\n.post-form-slideout-transitions #qrtab {\n transition: opacity .3s ease-in-out 1s;\n}\n.post-form-slideout-transitions #qr:hover #qrtab {\n transition: opacity .3s linear;\n}\n#qr .close {\n float: right;\n padding: 0 3px;\n}\n#qr .warning {\n min-height: 1.6em;\n vertical-align: middle;\n padding: 0 1px;\n border-width: 1px;\n border-style: solid;\n}\n.persona {\n width: 248px;\n max-width: 100%;\n min-width: 100%;\n}\n.persona input.field {\n width: 100%;\n}\n#qr textarea.field {\n height: 11.6em;\n min-height: 6em;\n}\n#qr.has-captcha textarea.field {\n height: 6em;\n}\n.compact-post-form-inputs .persona input.field {\n width: 33%;\n}\n.compact-post-form-inputs .persona input.field:first-child {\n margin: 0;\n}\n.compact-post-form-inputs .persona input.field {\n margin: 0 0 0 0.5%;\n}\n.compact-post-form-inputs #qr textarea.field {\n height: 14.9em;\n min-height: 9em;\n}\n.compact-post-form-inputs #qr.has-captcha textarea.field {\n height: 9em;\n}\n.tripcode-hider .tripped:not(:hover):not(:focus) {\n color: transparent !important;\n}\n.textarea-resize-horizontal #qr textarea {\n resize: horizontal;\n}\n.textarea-resize-vertical #qr textarea {\n resize: vertical;\n}\n.textarea-resize-both #qr textarea {\n resize: both;\n}\n.textarea-resize-none #qr textarea {\n resize: none;\n}\n.captcha-img {\n margin: 1px 0 0;\n text-align: center;\n line-height: 0;\n}\n.captcha-img img {\n width: 100%;\n height: 4em;\n width: 246px;\n}\n.captcha-input {\n width: 100%;\n margin: 1px 0 0;\n}\n.field,\n.selectrice,\nbutton,\ninput:not([type=radio]) {\n -moz-box-sizing: border-box;\n height: 1.6em;\n margin: 1px 0 0;\n vertical-align: bottom;\n padding: 0 1px;\n outline: none;\n}\n.selectrice {\n padding-right: 1.6em;\n}\n#qr textarea {\n min-width: 100%;\n}\n#qr [type='submit'] {\n width: 25%;\n}\n[type='file'] {\n position: absolute;\n opacity: 0;\n z-index: -1;\n}\n/* Fake File Input */\n#qr-filename,\n#qr-filerm,\n.has-file #qr-no-file {\n display: none;\n}\n#qr-no-file,\n.has-file #qr-filename {\n display: block;\n}\n.has-file #qr-filerm {\n display: inline-block;\n}\n#qr-extras-container {\n position: absolute;\n right: 0;\n top: 0;\n z-index: 2;\n}\n#qr-extras-container > label,\n#qr-extras-container > a {\n cursor: pointer;\n margin-right: 3px;\n}\n#qr-filename-container {\n -moz-box-sizing: border-box;\n display: inline-block;\n position: relative;\n width: 100px;\n min-width: 74.6%;\n max-width: 74.6%;\n margin-right: 0.4%;\n overflow: hidden;\n padding: 2px 1px 0;\n}\n/* Thread Select */\n#qr-thread-select,\n#qr-thread-select .selectrice div {\n display: inline;\n}\n#qr-thread-select .selectrice {\n cursor: pointer;\n display: inline-block;\n width: 120px;\n border: none;\n background: none transparent;\n padding: 0;\n margin: 0;\n height: auto;\n}\n#qr-thread-select .selectrice::before,\n#qr-thread-select .selectrice::after {\n display: none;\n}\n/* Dumping UI */\n.dump #dump-list-container {\n display: block;\n}\n#dump-list-container {\n display: none;\n position: relative;\n overflow-y: hidden;\n margin-top: 1px;\n}\n#dump-list {\n overflow-x: auto;\n overflow-y: hidden;\n white-space: nowrap;\n width: 248px;\n max-width: 100%;\n min-width: 100%;\n}\n#dump-list:hover {\n overflow-x: auto;\n}\n.qr-preview {\n -moz-box-sizing: border-box;\n counter-increment: thumbnails;\n cursor: move;\n display: inline-block;\n height: 90px;\n width: 90px;\n padding: 2px;\n opacity: .5;\n overflow: hidden;\n position: relative;\n text-shadow: 0 1px 1px #000;\n transition: opacity .25s ease-in-out;\n vertical-align: top;\n}\n.qr-preview:hover,\n.qr-preview:focus {\n opacity: .9;\n}\n.qr-preview::before {\n content: counter(thumbnails);\n color: #fff;\n position: absolute;\n top: 3px;\n right: 3px;\n text-shadow: 0 0 3px #000, 0 0 8px #000;\n}\n.qr-preview#selected {\n opacity: 1;\n}\n.qr-preview.drag {\n box-shadow: 0 0 10px rgba(0,0,0,.5);\n}\n.qr-preview.over {\n border-color: #fff;\n}\n.qr-preview > span {\n color: #fff;\n}\n.remove {\n background: none;\n color: #e00;\n font-weight: 700;\n padding: 3px;\n}\na:only-of-type > .remove {\n display: none;\n}\n.remove:hover::after {\n content: \" Remove\";\n}\n.qr-preview > label {\n background: rgba(0,0,0,.5);\n color: #fff;\n right: 0; bottom: 0; left: 0;\n position: absolute;\n text-align: center;\n}\n.qr-preview > label > input {\n margin: 0;\n}\n#add-post {\n cursor: pointer;\n font-size: 2em;\n position: absolute;\n top: 50%;\n right: 10px;\n transform: translateY(-50%);\n}\n/* Ads */\n.topad img,\n.middlead img,\n.bottomad img {\n opacity: 0.3;\n transition: opacity .3s linear;\n}\n.topad img:hover,\n.middlead img:hover,\n.bottomad img:hover {\n opacity: 1;\n}\n/* AdBlock Minus */\n.hide-ads .bottomad + hr,\n.hide-ads .topad,\n.hide-ads .middlead,\n.hide-ads .bottomad {\n display: none;\n}\n.shrink-ads .topad a img,\n.shrink-ads .middlead a img,\n.shrink-ads .bottomad a img {\n width: 500px;\n height: auto;\n}\n/* Mascot Positions */\n#mascot {\n display: none;\n position: fixed;\n z-index: -1;\n bottom: 0;\n left: 0;\n right: 0;\n line-height: 0;\n cursor: pointer;\n}\n.mascot-position-above-post-form.post-form-style-fixed #qr #mascot {\n position: absolute;\n bottom: 100%;\n margin-bottom: -2px;\n}\n.mascot-position-above-post-form.post-form-style-fixed.post-form-decorations #qr #mascot {\n margin-bottom: 1px;\n}\n.mascots #mascot {\n display: block;\n}\n.sidebar-location-right.mascot-location-sidebar #mascot,\n.sidebar-location-left.mascot-location-opposite #mascot {\n left: auto;\n}\n.sidebar-location-left.mascot-location-sidebar #mascot,\n.sidebar-location-right.mascot-location-opposite #mascot {\n right: auto;\n}\n.sidebar-location-left.mascot-location-sidebar #mascot img,\n.sidebar-location-right.mascot-location-opposite #mascot img {\n transform: scaleX(-1);\n}\n.fourchan-ss-navigation.bottom.fixed.qr-hidden #mascot,\n.fourchan-ss-navigation.bottom.fixed.mascot-position-bottom #mascot,\n.fourchan-ss-navigation.index.pagination-sticky-bottom.mascot-position-bottom #mascot,\n.fourchan-ss-navigation.bottom.fixed:not(.post-form-style-fixed) #mascot,\n.fourchan-ss-navigation.index.pagination-sticky-bottom:not(.post-form-style-fixed) #mascot {\n bottom: 1.5em\n}\n#qr #mascot {\n z-index: -1;\n}\n.mascots-overlap-posts #mascot {\n z-index: 3;\n}\n.mascot-position-middle #mascot {\n bottom: 50% !important;\n transform: translateY(50%);\n}\n.mascot-position-top #mascot {\n bottom: auto !important;\n top: 17px;\n}\n.grayscale-mascot #mascot {\n filter: url('#grayscale');\n}\n/* Options */\n#overlay {\n position: fixed;\n z-index: 30;\n top: 0;\n right: 0;\n left: 0;\n bottom: 0;\n background: rgba(0,0,0,.5);\n}\n#appchanx-settings {\n width: auto;\n left: 15%;\n right: 15%;\n top: 15%;\n bottom: 15%;\n position: fixed;\n z-index: 31;\n padding: .3em;\n}\n.rounded-edges #appchanx-settings,\n.rounded-edges #appchanx-settings fieldset,\n.rounded-edges .mascots-container,\n.rounded-edges .section-container,\n.rounded-edges .sections-list > a {\n border-radius: 3px;\n}\n.description {\n display: none;\n}\n#appchanx-settings h3,\n.section-keybinds,\n.section-mascots,\n.section-script,\n.style {\n text-align: center;\n}\n.section-keybinds table,\n.section-script fieldset,\n.section-style fieldset {\n text-align: left;\n}\n.section-keybinds table {\n margin: auto;\n}\n#appchanx-settings fieldset {\n padding: 5px 0;\n vertical-align: top;\n border: 0;\n margin: 0 3px 6px;\n display: inline-block;\n}\n.single-column-mode #appchanx-settings fieldset {\n display: block;\n margin: 0 auto 6px;\n}\n#appchanx-settings .section-advanced fieldset {\n display: block;\n margin: 0 auto 6px;\n}\n.section-advanced .archive-cell {\n min-width: 200px;\n}\n.section-advanced .selectrice {\n display: inline-block;\n clear: both;\n}\n.section-container {\n overflow: auto;\n position: absolute;\n top: 1.7em;\n right: 5px;\n bottom: 5px;\n left: 5px;\n padding: 5px;\n}\n.sections-list {\n padding: 0 3px;\n float: left;\n}\n.sections-list > a {\n cursor: pointer;\n position: relative;\n padding: 0 4px;\n z-index: 1;\n height: 1.4em;\n display: inline-block;\n border-width: 1px 1px 0 1px;\n border-color: transparent;\n border-style: solid;\n}\n.sections-list > a.tab-selected {\n border-style: solid;\n}\n.credits {\n float: right;\n}\n#appchanx-settings h3 {\n margin: 0;\n}\n.section-script fieldset > div,\n.section-style fieldset > div,\n.section-advanced fieldset > div {\n overflow: visible;\n padding: 0 5px 0 7px;\n}\n#appchanx-settings tr:nth-of-type(2n+1),\n.section-script fieldset > div:nth-of-type(2n+1),\n.section-advanced fieldset > div:nth-of-type(2n+1),\n.section-style fieldset > div:nth-of-type(2n+1),\n.section-keybinds tr:nth-of-type(2n+1),\n#selectrice li:nth-of-type(2n+1) {\n background-color: rgba(0, 0, 0, 0.05);\n}\narticle li {\n margin: 10px 0 10px 2em;\n}\n#appchanx-settings .option {\n width: 50%;\n display: inline-block;\n vertical-align: bottom;\n}\n.option input {\n width: 100%;\n}\n.optionlabel {\n padding-left: 18px;\n}\n.rice + .optionlabel {\n padding-left: 0;\n}\n.section-script fieldset,\n.styleoption {\n text-align: left;\n}\n.section-style fieldset {\n width: 370px;\n}\n.section-script fieldset {\n width: 200px;\n}\n#mascotcontent,\n#themecontent,\n.suboptions {\n overflow: auto;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 1.7em;\n left: 0;\n}\n#mascotcontent,\n#themecontent {\n padding: 5px;\n}\n#themecontent {\n top: 1.8em;\n}\n.mAlign {\n height: 250px;\n vertical-align: bottom;\n display: table-cell;\n line-height: 0;\n}\n#save,\n.stylesettings {\n position: absolute;\n right: 10px;\n bottom: 0;\n}\n.section-style .suboptions {\n bottom: 0;\n}\n.section-container textarea {\n font-family: monospace;\n min-height: 150px;\n resize: vertical;\n width: 100%;\n}\n/* Hover Functionality */\n#mouseover {\n z-index: 33;\n position: fixed;\n max-width: 70%;\n}\n#mouseover:empty {\n display: none;\n}\n/* Mascot Tab */\n#mascot_hide {\n padding: 3px;\n position: absolute;\n top: 2px;\n right: 18px;\n}\n#mascot_hide .rice {\n float: left;\n}\n#mascot_hide > div {\n height: 0;\n text-align: right;\n overflow: hidden;\n}\n#mascot_hide:hover > div {\n height: auto;\n}\n#mascot_hide label {\n width: 100%;\n display: block;\n clear: both;\n text-decoration: none;\n}\n.mascots-container {\n padding: 0;\n text-align: center;\n}\n.mascot,\n.mascotcontainer {\n overflow: hidden;\n}\n.mascot {\n position: relative;\n border: none;\n margin: 5px;\n padding: 0;\n width: 200px;\n display: inline-block;\n background-color: transparent;\n}\n.mascotcontainer {\n height: 250px;\n border: 0;\n margin: 0;\n max-height: 250px;\n cursor: pointer;\n bottom: 0;\n border-width: 0 1px 1px;\n border-style: solid;\n border-color: transparent;\n overflow: hidden;\n}\n.mascot img {\n max-width: 200px;\n}\n.export-button,\n.mascotname,\n#mascot-options {\n -moz-box-sizing: border-box;\n padding: 0;\n width: 100%;\n}\n#mascot-options {\n opacity: 0;\n transition: opacity .3s linear;\n}\n.mascot:hover #mascot-options {\n opacity: 1;\n}\n#mascot-options {\n position: absolute;\n bottom: 0;\n right: 0;\n left: 0;\n}\n.export-button {\n position: absolute;\n bottom: 1.7em;\n right: 0;\n left: 0;\n text-align: center;\n}\n#mascot-options a {\n display: inline-block;\n width: 33%;\n}\n#upload {\n position: absolute;\n width: 100px;\n left: 50%;\n margin-left: -50px;\n text-align: center;\n bottom: 0;\n}\n#mascots_batch {\n position: absolute;\n left: 10px;\n bottom: 0;\n}\n/* Themes Tab */\n#themes h1 {\n position: absolute;\n right: 300px;\n bottom: 10px;\n margin: 0;\n transition: all .2s ease-in-out;\n opacity: 0;\n}\n#themes .selectedtheme h1 {\n right: 11px;\n opacity: 1;\n}\n#addthemes {\n position: absolute;\n left: 10px;\n bottom: 0;\n}\n.theme {\n margin: 1em;\n}\n/* Theme Editor */\n#themeConf {\n position: fixed;\n top: 0;\n bottom: 0;\n width: 296px;\n z-index: 10;\n}\n.sidebar-location-right #themeConf {\n right: 2px;\n left: auto;\n}\n.sidebar-location-right #themeConf {\n left: 2px;\n right: auto;\n}\n#themebar input {\n width: 30%;\n}\n.option .color {\n width: 10%;\n border-left: none !important;\n color: transparent !important;\n}\n.option .colorfield {\n width: 90%;\n}\n.themevar textarea {\n min-width: 100%;\n max-width: 100%;\n height: 20em;\n resize: vertical;\n}\n/* Mascot Editor */\n#mascotConf {\n position: fixed;\n height: 17em;\n bottom: 0;\n left: 50%;\n width: 500px;\n margin-left: -250px;\n overflow: auto;\n z-index: 10;\n}\n#mascotConf .option,\n#mascotConf .optionlabel {\n -moz-box-sizing: border-box;\n width: 50%;\n display: inline-block;\n vertical-align: middle;\n}\n#mascotConf .option input {\n width: 100%;\n}\n#close {\n position: absolute;\n left: 10px;\n bottom: 0;\n}\n/* Catalog */\n#content .navLinks,\n#info .navLinks,\n.btn-wrap {\n display: block;\n}\n.navLinks > .btn-wrap:not(:first-of-type)::before {\n content: ' - ';\n}\n.button {\n cursor: pointer;\n}\n#content .btn-wrap,\n#info .btn-wrap {\n display: inline-block;\n}\n#post-preview,\n#quote-preview {\n position: absolute;\n z-index: 22;\n}\n.rounded-edges #post-preview {\n border-radius: 3px;\n}\n#settings,\n#threads,\n#info .navLinks,\n#content .navLinks {\n text-align: center;\n}\n#threads .thread {\n vertical-align: top;\n display: inline-block;\n word-wrap: break-word;\n overflow: hidden;\n margin: 1px;\n padding: 5px 0 3px;\n text-align: center;\n}\n.extended-small .thread,\n.small .thread {\n width: 165px;\n max-height: 320px;\n}\n.small .teaser,\n.large .teaser {\n display: none;\n}\n.extended-large .thread,\n.large .thread {\n width: 270px;\n max-height: 410px;\n}\n.extended-small .thumb,\n.small .thumb {\n max-width: 150px;\n max-height: 150px;\n}\n.panel {\n position: fixed;\n top: 50% !important;\n left: 50%;\n transform: translate(-50%, -50%);\n padding: 5px;\n}\n.icon::after {\n display: inline-block;\n float: right;\n width: 1em;\n cursor: pointer;\n}\n.helpIcon::after {\n content: '?';\n}\n.closeIcon::after {\n content: '✖';\n}\n/* Front Page */\n#logo {\n text-align: center;\n}\n#doc {\n -moz-box-sizing: border-box;\n margin: 10px auto;\n width: 1006px;\n padding: 2px;\n position: relative;\n}\n.rounded-edges #doc,\n.rounded-edges #doc div {\n border-radius: 3px;\n}\n#boards .boxcontent {\n vertical-align: top;\n text-align: center;\n}\n#filter-container,\n#options-container {\n top: 4px;\n right: 8px;\n position: absolute;\n}\n#filtermenu,\n#optionsmenu {\n top: 100% !important;\n left: auto !important;\n right: 0 !important;\n}\n#boards .column {\n -moz-box-sizing: border-box;\n display: inline-block;\n width: 180px;\n text-align: left;\n vertical-align: top;\n}\n.bd ul,\n.boxcontent ul {\n vertical-align: top;\n padding: 0;\n margin: 0;\n}\n.right-box .boxcontent ul {\n padding: 0 10px;\n}\n.yuimenuitem,\n.boxcontent li {\n list-style-type: none;\n}\n.boxbar {\n position: relative;\n}\n#doc h3,\n.boxbar h2 {\n margin: 0;\n}\n#doc h3 {\n text-decoration: none !important;\n}\n.underline-links #doc h3 {\n text-decoration: underline !important;\n}\n#ft,\n.box-outer {\n margin: 2px 0 0;\n overflow: hidden;\n}\n#ft,\n.boxbar,\n.boxcontent {\n padding: 0 8px;\n}\n.yui-module {\n position: absolute;\n}\n.yuimenuitem::before {\n content: \" [ ] \";\n font-family: monospace;\n}\n.yuimenuitem-checked::before {\n content: \" [x] \"\n}\n.yui-g {\n overflow: hidden;\n}\n.yui-u {\n display: inline-block;\n vertical-align: top;\n width: 499px;\n float: right;\n}\n.yui-u.first {\n float: left;\n}\n#recent-images .boxcontent {\n text-align: center;\n}\n#ft {\n text-align: center;\n}\n#ft ul {\n padding: 0;\n}\n#ft li {\n list-style-type: none;\n display: inline-block;\n width: 100px;\n}\n#preview-tooltip-nws,\n#preview-tooltip-ws,\n#ft .fill,\n.clear-bug {\n display: none;\n}\n/* ExLinks */\n#exlinks-options-content {\n padding: 5px;\n}", + layout: "/* Cleanup */\n#absbot,\n#boardNavDesktop,\n#delPassword,\n#delform > hr:last-of-type,\n#navbotright,\n#postForm,\n#search-label,\n#search-label-bottom,\n#styleSwitcher,\n#togglePostForm,\n.boardBanner > div,\n.mobile,\n.next form,\n.next span,\n.postingMode,\n.prev form,\n.prev span,\n.riced,\n.sideArrows,\n.stylechanger,\nbody > br,\nbody > div[style^=\"text-align\"],\nbody > hr {\n display: none;\n}\n/* Empties */\n#qr .warning:empty,\n#qr-thread-select:empty {\n display: none;\n}\n/* File Name Trunctuate */\n.fileText:hover .fntrunc,\n.fileText:not(:hover) .fnfull {\n display: none;\n}\n/* Unnecessary */\n#qp input,\n#qp .rice,\n.inline .rice {\n display: none !important;\n}\n/* Hidden Content */\n.forwarded,\n.hidden,\n.hidden_thread ~ div,\n.hidden_thread ~ a,\n.replyContainer .stub ~ div,\n.replyContainer .stub ~ a,\n.stub + div,\n.thread > .stub:first-child ~ .postContainer,\n.thread > .stub:first-child ~ .summary,\n[hidden] {\n display: none !important;\n}\n/* Hidden UI */\n#catalog,\n#navlinks,\n#navtopright,\n#svg_filters,\n.cataloglink,\n.navLinks {\n z-index: 7;\n position: fixed;\n top: 100%;\n left: 100%;\n}\n/* Hide last horizontal rule, keep clear functionality. */\n.board > hr:last-of-type {\n visibility: hidden;\n}\n/* Fappe Tyme */\n.fappeTyme .thread > .noFile,\n.fappeTyme .threadContainer > .noFile {\n display: none;\n}\n/* Defaults */\na {\n text-decoration: none;\n outline: none;\n}\n.underline-links a {\n text-decoration: underline;\n}\nbody,\nhtml {\n min-height: 100%;\n -moz-box-sizing: border-box;\n}\nbody {\n outline: none;\n min-height: 100%;\n}\n.sidebar-hide body {\n margin: 0 2px;\n}\n.sidebar-minimal body {\n margin: 0 20px;\n}\n.sidebar-normal body {\n margin: 0 252px\n}\n.sidebar-large body {\n margin: 0 303px;\n}\n.sidebar-location-right body {\n margin-left: 2px;\n}\n.sidebar-location-left body {\n margin-right: 2px;\n}\nbody.unscroll {\n overflow: hidden;\n}\n.fourchan-ss-sidebar body::before {\n content: '';\n position: fixed;\n top: 0;\n bottom: 0;\n -moz-box-sizing: border-box;\n display: block;\n z-index: 0;\n}\n.fourchan-ss-sidebar.sidebar-large body::before {\n width: 306px;\n}\n.fourchan-ss-sidebar.sidebar-normal body::before {\n width: 255px;\n}\n.fourchan-ss-sidebar.sidebar-minimal body::before {\n width: 23px;\n}\n.sidebar-location-right body::before {\n right: 0;\n}\nsidebar-location-left body::before {\n left: 0;\n}\n.fourchan-ss-sidebar.sidebar-location-right body {\n padding-right: 2px;\n}\n.fourchan-ss-sidebar.sidebar-location-left body {\n padding-left: 2px;\n}\nhr {\n clear: both;\n border: 0;\n padding: 0;\n margin: 0 0 1px;\n}\n.hide-horizontal-rules hr {\n visibility: hidden;\n}\nth {\n text-align: left;\n}\n.center {\n text-align: center;\n}\n.disabled {\n opacity: 0.5;\n}\n.pointer {\n cursor: pointer;\n}\n/* Symbols */\n.drop-marker {\n vertical-align: middle;\n display: inline-block;\n margin: 2px 2px 3px;\n border-top: .5em solid;\n border-right: .3em solid transparent;\n border-left: .3em solid transparent;\n}\n.brackets-wrap::before {\n content: \" [\";\n}\n.brackets-wrap::after {\n content: \"] \";\n}\n/* Thread / Reply Nav */\n#navlinks a {\n position: fixed;\n z-index: 12;\n opacity: 0.5;\n display: inline-block;\n border-right: 6px solid transparent;\n border-left: 6px solid transparent;\n margin: 1.5px;\n}\n#navlinks a:first-of-type {\n border-bottom: 11px solid rgb(130,130,130);\n}\n#navlinks a:last-of-type {\n border-top: 11px solid rgb(130,130,130);\n}\n/* Header */\n#header-bar {\n z-index: 6;\n border-width: 1px;\n padding: 0 2px;\n border-style: solid;\n}\n.pagination-sticky-top .pagelist,\n.pagination-sticky-bottom .pagelist,\n#header-bar {\n left: 2px;\n right: 2px;\n}\n.navigation-alignment-center #header-bar {\n text-align: center;\n}\n.navigation-alignment-right #header-bar {\n text-align: right;\n}\n.sidebar-location-left.sidebar-large:not(.pagination-on-side) .pagelist,\n.sidebar-location-left #header-bar {\n left: 303px;\n}\n.sidebar-location-left.sidebar-normal:not(.pagination-on-side) .pagelist,\n.sidebar-location-left #header-bar {\n left: 252px;\n}\n.sidebar-location-left.sidebar-minimal:not(.pagination-on-side):not(.fourchan-ss-navigation) .pagelist,\n.sidebar-location-left.sidebar-minimal:not(.fourchan-ss-navigation) #header-bar {\n left: 20px;\n}\n.sidebar-location-right.sidebar-large:not(.pagination-on-side) .pagelist,\n.sidebar-location-right #header-bar {\n right: 303px;\n}\n.sidebar-location-right.sidebar-normal:not(.pagination-on-side) .pagelist,\n.sidebar-location-right #header-bar {\n right: 252px;\n}\n.sidebar-location-right.sidebar-minimal:not(.pagination-on-side):not(.fourchan-ss-navigation) .pagelist,\n.sidebar-location-right.sidebar-minimal:not(.fourchan-ss-navigation) #header-bar {\n right: 20px;\n}\n.fourchan-ss-navigation .pagelist,\n.fourchan-ss-navigation #header-bar {\n left: 0;\n right: 0;\n border-left: 0;\n border-right: 0;\n border-radius: 0 !important;\n}\n.hide-navigation-decorations #header-bar {\n font-size: 0;\n color: transparent;\n word-spacing: 2px;\n}\n#shortcuts {\n float: right;\n}\n.fixed #header-bar.autohide {\n z-index: 24;\n}\n.fixed #header-bar {\n position: fixed;\n}\n.top #header-bar {\n top: 0;\n border-top-width: 0;\n}\n.rounded-edges.top #header-bar {\n border-radius: 0 0 3px 3px;\n}\n.fixed.bottom #header-bar {\n bottom: 0;\n border-bottom-width: 0;\n}\n.rounded-edges.bottom #header-bar {\n border-radius: 3px 3px 0 0;\n}\n.hide #header-bar {\n position: fixed;\n top: 110%;\n bottom: auto;\n}\n/* Header Autohide */\n.fixed #header-bar.autohide:not(:hover) {\n box-shadow: none;\n transition: all .8s .6s cubic-bezier(.55, .055, .675, .19);\n}\n.fixed.top #header-bar.autohide:not(:hover) {\n margin-bottom: -1em;\n transform: translateY(-100%);\n}\n.fixed.bottom #header-bar.autohide:not(:hover) {\n transform: translateY(100%);\n}\n#scroll-marker {\n left: 0;\n right: 0;\n height: 10px;\n position: absolute;\n}\n#header-bar #scroll-marker {\n display: none;\n}\n.fixed #header-bar #scroll-marker {\n display: block;\n}\n.fixed.top header-bar #scroll-marker {\n top: 100%;\n}\n.fixed.bottom #header-bar #scroll-marker {\n bottom: 100%;\n}\n/* Notifications */\n#notifications {\n position: fixed;\n top: 0;\n text-align: center;\n right: 0;\n left: 0;\n transition: all .8s .6s cubic-bezier(.55, .055, .675, .19);\n}\n.fixed.top #header-bar #notifications {\n position: absolute;\n top: 100%;\n}\n.notification {\n color: #fff;\n font-weight: 700;\n text-shadow: 0 1px 2px rgba(0, 0, 0, .5);\n box-shadow: 0 1px 2px rgba(0, 0, 0, .15);\n border-radius: 2px;\n margin: 1px auto;\n width: 500px;\n max-width: 100%;\n position: relative;\n transition: all .25s ease-in-out;\n}\n.notification.error {\n background-color: hsla(0, 100%, 38%, .9);\n}\n.notification.warning {\n background-color: hsla(36, 100%, 38%, .9);\n}\n.notification.info {\n background-color: hsla(200, 100%, 38%, .9);\n}\n.notification.success {\n background-color: hsla(104, 100%, 38%, .9);\n}\n.notification a {\n color: #fff;\n}\n.notification > .close {\n padding: 6px;\n top: 0;\n right: 5px;\n position: absolute;\n color: #fff;\n}\n.message {\n -moz-box-sizing: border-box;\n padding: 6px 20px;\n max-height: 200px;\n width: 100%;\n overflow: auto;\n}\n/* Updater / Thread Stats */\n.float #thread-stats,\n.float #updater {\n position: fixed;\n}\n#update-status.new::after {\n content: ', ';\n}\n/* Pagination */\n.pagelist {\n border-style: solid;\n border-width: 1px;\n z-index: 6;\n}\n.pagination-alignment-center .pagelist {\n text-align: center;\n}\n.pagination-alignment-right .pagelist {\n text-align: right;\n}\n.pagination-sticky-top .pagelist {\n position: fixed;\n top: 0;\n border-top-width: 0;\n}\n.pagination-sticky-bottom .pagelist {\n position: fixed;\n bottom: 0;\n border-bottom-width: 0;\n}\n.pagination-top .pagelist {\n position: static;\n border-top-width: 0;\n}\n.pagination-bottom .pagelist {\n position: static;\n}\n.pagination-top.rounded-edges .pagelist,\n.pagination-sticky-top.rounded-edges .pagelist {\n border-radius: 0 0 3px 3px;\n}\n.pagination-bottom.rounded-edges .pagelist,\n.pagination-sticky-bottom.rounded-edges .pagelist {\n border-radius: 3px 3px 0 0;\n}\n.pagination-hide .pagelist {\n display: none;\n}\n.pagination-on-side .pagelist {\n position: fixed;\n padding: 0;\n top: auto;\n bottom: 0.5em;\n margin: 0;\n background: none transparent !important;\n border: 0 none !important;\n text-align: right;\n}\n.pagination-on-side.post-form-style-fixed.show-post-form-header .pagelist {\n bottom: 23.1em;\n}\n.pagination-on-side.post-form-style-fixed .pagelist {\n bottom: 21.6em;\n}\n.sidebar-location-left.pagination-on-side .pagelist {\n transform: rotate(-90deg);\n transform-origin: bottom left;\n}\n\n.sidebar-location-right.pagination-on-side .pagelist {\n transform: rotate(90deg);\n transform-origin: bottom right;\"\n}\n.sidebar-location-right.sidebar-large.pagination-on-side .pagelist {\n left: auto;\n right: 301px;\n}\n.sidebar-location-left.sidebar-large.pagination-on-side .pagelist {\n right: auto;\n left: 301px;\n}\n.sidebar-location-right.sidebar-normal.pagination-on-side .pagelist {\n left: auto;\n right: 246px;\n}\n.sidebar-location-left.sidebar-normal.pagination-on-side .pagelist {\n right: auto;\n left: 246px;\n}\n.sidebar-location-right.sidebar-minimal.pagination-on-side .pagelist {\n left: auto;\n right: 246px;\n}\n.sidebar-location-left.sidebar-minimal.pagination-on-side .pagelist {\n right: auto;\n left: 18px;\n}\n.hide-navigation-decorations .pagelist {\n font-size: 0;\n color: transparent;\n word-spacing: 0;\n}\n.pagelist input,\n.pagelist div {\n vertical-align: middle;\n}\n.hide-navigation-decorations .pages a {\n margin: 0 1px;\n}\n.next,\n.pages,\n.prev {\n display: inline-block;\n margin: 0 3px;\n}\n/* Icons */\n.icons-4chan-ss #navtopright .exlinksOptionsLink::after,\n.icons-4chan-ss #main-menu,\n.icons-4chan-ss .navLinks > a:first-of-type::after,\n.icons-4chan-ss #watcher::after,\n.icons-4chan-ss #globalMessage::after,\n.icons-4chan-ss #boardNavDesktopFoot::after,\n.icons-4chan-ss #img-controls,\n.icons-4chan-ss #catalog::after,\n.icons-4chan-ss #fappeTyme {\n background-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAACWCAMAAAA2YSLzAAAAPFBMVEVkZGRlZWVjY2NmZmZnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dZxmG7AAAAE3RSTlMFFQ0AJD8eQFRqf5CgssDM4+73gHqZRAAAA0pJREFUSMetVlmy5CgMZDMGxK7737Ulgcu8ejMREzHtD7sShJRaKWV/Psq3iz7QGwTF2BZ01hp3N6yasctZJANiN5ZlItDLtNkQDGNeMLU7EqmCbUwhkhZbwsIuNbyWPX7dIyHOrDYOc8SOiEUJjojN0EsWlCXRrq2qvJCsIjic2OcFrwrOpdmTimqVyWG7ZkrWy97p7z/hACd2FUetBcQDpTN+nuKsGng881L5xOz/VQ88xL/eQkyZT3axp+4dUMwvH0Pnhn6wSyR+8IdR4f43/v8XX1BHjXpjwy5RdEcQ7DiuzlBUsFD+GeIFEy6W0pKXoSZOiUz5tf99nvTDD/1sP9VRPvb/un86lT57SVqwSk8KR+L6kgTOlcZslRQe5WmJRKovETW7Anb+HzxUW4Xgnv11fuuj82aKXHz1Tzztx9v4VA9+/6le26B+3VhTC9RMPIr0qx4zaWNsnFRO0s8FWgEIFIRiVUAIlJGciqMmCwpQWyI/OplXA1RrXG1YI2svTQ3ufhWjNlKFqtXFI7Yg+zAXRcBZ+HygJuVHd0ys35bVn6QojLL5cZeVvPht/mVu/r/8s7GMXsLjv2s71GZhgjnEwsEVXogiSl/pl7LWra0IQgO3poTsieoYd4dhWfJlGWqyQf6sLxWt3/MRa4Im04ixeSdAWnxvqCX6tObVmzpZOPOZvrBNJF8gmGciBChsV+YdRYwnAvNpS4AnYFBm0KA2a35Unh+efxjercaLfV7wW0rtUTNl2j715al/9VtfutF+NZ/+aZSa+py/GCpRyvr17EsVLbRhmN++BBY/ik5/+YPK6bKnf2T8fh7P+uEYn0D3E4L3i6QHmvc3+k+8PN6Mb1w52tje6LbAi+M0FT4YneqVbpVDPnL2Xqx7m3tf9ENXHba9H/a/+X3z/+XfCnOo+Zy/o4SgY5Z6iq0nb+9Mc4JxL5f1qYs+xhTP/uiX/cMe4+hDHAfGnmGe+Ev+G88vnG7Ie20wHiUt/S1Kv+6BCM/9fkEfz73/9HNufQ4ZKdzvnwtS/LXltRcJB/yJ23H/mo89nPFa85Li3XOYu435LwTXKVWwO+cnlWFTB47L/AdfR//KI2bvF8sAb0c/M+1+YE3/oS77B8N+UUVHraV6AAAAAElFTkSuQmCC\");\n}\n.icons-oneechan #navtopright .exlinksOptionsLink::after,\n.icons-oneechan #main-menu,\n.icons-oneechan .navLinks > a:first-of-type::after,\n.icons-oneechan #watcher::after,\n.icons-oneechan #globalMessage::after,\n.icons-oneechan #boardNavDesktopFoot::after,\n.icons-oneechan #img-controls,\n.icons-oneechan #catalog::after,\n.icons-oneechan #fappeTyme {\n background-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAACWCAMAAAA2YSLzAAAAPFBMVEVoaGhqampeXl5sbGxsbGxra2tsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGzXmsRLAAAAE3RSTlMAEAYnHBg2QExbcYaWqM++2+z4BMdvAwAAAtVJREFUSMfFVgmu3CAMhYRPAmb3/e9aL5Bl2kptVbXWSOSBsY15NmOMMZs1KnNExC+ezgV4MBtNMIw58+qX2REtQwiifdC6hwlNQBGfUlBzc+KYkP3IxH5hNvicCPXrMfEVi3ts2WrzaiN6jie2OI2GXbBfXiA/XPyexPpEHrHdyDV8YAt6vEYCVpJ3S7rXAZKkkfbnuR8Uk/32xsac6Y01La2ZfyIh1VrX9Rnfu5ygd6/XeQAGFxACkopDb3mkeXug48x5FCKhNzW+1j2t8/5EEwHTIfPm6G3aP37o/w/ir3QZ2V/xY0spdSxWL7MrLU7slmnDSY0UrH6CBJ/wFI3TNGECCDY9G4xmrpDkZvQMJ4q31EzLQuhipr7ag8ueFa+hUQy2d43nnPGg7NopHTUVyYlWpE+lUT4qfhDCnLpzB8oXLLJb4leptD/JblswOaZd0gRkDV0cJi69NNOUaclRpG6S1NPdRVPLjI3VSjWV8+FmaARknTxqfipl0tGR1DXvd0h251Ww/ZlaNQoaX3bqUS+IK6ZX4hysvuQinS+6n9638/6BbK4RLi6R11O8rPS4OnO66KHtw6yK96BWrg5QxDGcVzcoB8cYb/dE1zPO6C+pHxN0Ttw/JtJrx55+oV9Jq+ScF22IfBWDD+sHfTnBmKlpS99hPGSC4SBsi+dP3p0PjVBVedMdO3WoG57cAEbYVNkRHFROIzjYuGjoM7LOaEQKbtQjkuo5hCSMmezaNq3Gl6TE5J3ZLMu26SjpPJZo4h/9FJhT4JQJzjFXD7x54fBgzO9RvDH9Vl5vHIetcGHct1apLh/6gU3c2PYy5rrYh7a1NP29/H/G9xn/d+f7FNVcw9/H/9sf8ymXPnqdDd7Wx3OpzWRJuP8+iMTFe7wZq48Tce7QciNetUzku+pT/t4UHK/iIq2yPR/8y/315M/rWl1A/sM83phVh6+aeZY39OLNN4Y0P2GdHOWPAAAAAElFTkSuQmCC\");\n}\n/* Banner & Board Title */\n.boardBanner {\n line-height: 0;\n}\n.faded-4chan-banner .boardBanner {\n opacity: 0.5;\n transition: opacity 0.3s ease-in-out .5s;\n}\n.faded-4chan-banner .boardBanner:hover {\n opacity: 1;\n transition: opacity 0.3s ease-in;\n}\n/* From 4chan SS / OneeChan */\n\n.fourchan-banner-reflection .boardBanner::after {\n background-image: -moz-element(#Banner);\n bottom: -100%;\n content: '';\n left: 0;\n mask: url(\"data:image/svg+xml, #mask\");\n opacity: 0.3;\n position: absolute;\n right: 0;\n top: 100%;\n -moz-transform: scaleY(-1);\n z-index: -1;\n}\n\n.fourchan-banner-at-sidebar-top .boardBanner,\n.fourchan-banner-at-sidebar-bottom .boardBanner,\n.fourchan-banner-at-sidebar-bottom .boardBanner {\n position: fixed;\n}\n.fourchan-banner-at-sidebar-top .boardBanner {\n top: 16px;\n}\n.fourchan-banner-at-sidebar-bottom .boardBanner {\n bottom: 270px;\n}\n.fourchan-banner-under-post-form .boardBanner {\n bottom: 130px;\n}\n.board-title-at-sidebar-top.sidebar-location-right #boardTitle,\n.board-title-at-sidebar-bottom.sidebar-location-right #boardTitle,\n.board-title-under-post-form.sidebar-location-right #boardTitle,\n.fourchan-banner-at-sidebar-top.sidebar-location-right .boardBanner,\n.fourchan-banner-at-sidebar-bottom.sidebar-location-right .boardBanner,\n.fourchan-banner-under-post-form.sidebar-location-right .boardBanner {\n right: 2px;\n}\n.board-title-at-sidebar-top.sidebar-location-left #boardTitle,\n.board-title-at-sidebar-bottom.sidebar-location-left #boardTitle,\n.board-title-under-post-form.sidebar-location-left #boardTitle,\n.fourchan-banner-at-sidebar-top.sidebar-location-left .boardBanner,\n.fourchan-banner-at-sidebar-bottom.sidebar-location-left .boardBanner,\n.fourchan-banner-under-post-form.sidebar-location-left .boardBanner {\n left: 2px;\n}\n.board-title-at-sidebar-top #boardTitle,\n.board-title-at-sidebar-bottom #boardTitle,\n.board-title-under-post-form #boardTitle,\n.fourchan-banner-at-sidebar-top .boardBanner img,\n.fourchan-banner-at-sidebar-bottom .boardBanner img,\n.fourchan-banner-under-post-form .boardBanner img {\n width: 248px;\n}\n.board-title-at-sidebar-top.sidebar-large #boardTitle,\n.board-title-at-sidebar-bottom.sidebar-large #boardTitle,\n.board-title-under-post-form.sidebar-large #boardTitle,\n.fourchan-banner-at-sidebar-top.sidebar-large .boardBanner img,\n.fourchan-banner-at-sidebar-bottom.sidebar-large .boardBanner img,\n.fourchan-banner-under-post-form.sidebar-large .boardBanner img {\n width: 299px;\n}\n.fourchan-banner-at-top .boardBanner {\n position: relative;\n display: table;\n margin: 12px auto;\n text-align: center;\n}\n:root:not(.board-subtitle) .boardSubtitle,\n.board-title-hide #boardTitle,\n.fourchan-banner-hide .boardBanner {\n display: none;\n}\n#boardTitle {\n text-align: center;\n z-index: 4;\n}\n.board-title-at-sidebar-top #boardTitle,\n.board-title-at-sidebar-bottom #boardTitle,\n.board-title-under-post-form #boardTitle {\n position: fixed;\n}\n.board-title-at-sidebar-top.fourchan-banner-at-sidebar-top.sidebar-large #boardTitle {\n top: 121px;\n}\n.board-title-at-sidebar-top.fourchan-banner-at-sidebar-top #boardTitle {\n top: 104px;\n}\n.board-title-at-sidebar-top #boardTitle {\n top: 40px;\n}\n.board-title-at-sidebar-bottom #boardTitle {\n bottom: 280px;\n}\n.board-title-under-post-form #boardTitle {\n bottom: 140px;\n}\n/* Hover UI */\n.move {\n cursor: pointer;\n}\n#ihover {\n position: fixed;\n max-height: 97%;\n max-width: 75%;\n padding: 10px;\n z-index: 22;\n}\n#qp {\n position: fixed;\n z-index: 22;\n}\n#qp .postMessage::after {\n clear: both;\n display: block;\n content: \"\";\n}\n#qp .full-image {\n max-height: 300px;\n max-width: 500px;\n}\n#menu {\n position: fixed;\n outline: none;\n z-index: 22;\n}\n/* Image Expansion */\n.fit-width .full-image {\n max-width: 100%;\n width: 100%;\n}\n.images-overlap-post-form .full-image {\n position: relative;\n z-index: 21;\n}\n/* Delete Buttons */\n.hide-delete-ui .deleteform,\n.hide-delete-ui .post:not(#exlinks-options) .rice {\n display: none;\n}\n.hide-delete-ui .postInfo {\n padding: 0 0 0 3px;\n}\n.deleteform {\n position: fixed;\n z-index: 18;\n width: 0;\n bottom: 0;\n right: 0;\n border-width: 1px 0 0 1px;\n border-style: solid;\n font-size: 0;\n color: transparent;\n}\n.deleteform:hover {\n width: auto;\n}\n.deleteform::before {\n z-index: 18;\n border-width: 1px 0 0 1px;\n border-style: solid;\n content: '✖';\n display: block;\n position: fixed;\n bottom: 0;\n right: 0;\n -moz-box-sizing: border-box;\n height: 1.6em;\n width: 1.4em;\n text-align: center;\n}\n.deleteform:hover::before {\n display: none;\n}\n.deleteform input {\n margin: 0 1px 0 0;\n}\n/* Slideout Navigation */\n#boardNavDesktopFoot {\n position: fixed;\n text-align: center;\n font-size: 0;\n color: transparent;\n overflow: hidden;\n -moz-box-sizing: border-box;\n width: 248px;\n}\n.sidebar-large #boardNavDesktopFoot {\n width: 299px;\n}\n.sidebar-location-right #boardNavDesktopFoot {\n right: 2px;\n}\n.sidebar-location-left #boardNavDesktopFoot {\n left: 2px;\n}\n#boardNavDesktopFoot:hover {\n overflow-y: auto;\n padding: 2px;\n}\n#boardNavDesktopFoot:not(:hover) {\n border-color: transparent;\n background-color: transparent;\n height: 0;\n overflow: hidden;\n padding: 0;\n border: 0 none;\n}\n.slideout-navigation-compact #boardNavDesktopFoot {\n word-spacing: 1px;\n}\n.slideout-navigation-list #boardNavDesktopFoot a {\n display: block;\n}\n.slideout-navigation-list #boardNavDesktopFoot:hover {\n max-height: 400px;\n}\n.slideout-navigation-list #boardNavDesktopFoot a::after {\n content: ' - ' attr(title);\n}\n.slideout-navigation-list #boardNavDesktopFoot a[href*='//boards.4chan.org/']::after,\n.slideout-navigation-list #boardNavDesktopFoot a[href*='//rs.4chan.org/']::after {\n content: '/ - ' attr(title);\n}\n.slideout-navigation-list #boardNavDesktopFoot a[href*='//boards.4chan.org/']::before,\n.slideout-navigation-list #boardNavDesktopFoot a[href*='//rs.4chan.org/']::before {\n content: '/';\n}\n.slideout-navigation-hide #boardNavDesktopFoot {\n display: none;\n}\n/* Watcher */\n#watcher {\n position: fixed;\n z-index: 14;\n padding: 2px;\n}\n#watcher {\n width: 200px;\n}\n#watcher:not(:hover) {\n max-height: 200px;\n overflow: hidden;\n}\n.rounded-edges #watcher {\n border-radius: 3px;\n}\n#watcher > div {\n max-height: 1.3em;\n overflow: hidden;\n}\n.slideout-watcher #watcher {\n -moz-box-sizing: border-box;\n width: 248px;\n}\n.slideout-watcher.sidebar-large #boardNavDesktopFoot {\n width: 299px;\n}\n.slideout-watcher.sidebar-location-right #watcher {\n left: auto !important;\n right: 2px !important;\n}\n.slideout-watcher.sidebar-location-left #watcher {\n right: auto !important;\n left: 2px !important;\n}\n.slideout-watcher #watcher .move {\n cursor: default;\n}\n.slideout-watcher.underline-links #watcher .move {\n text-decoration: underline;\n}\n.slideout-watcher #watcher > div {\n overflow: hidden;\n}\n.slideout-watcher #watcher:hover {\n overflow-y: auto;\n}\n.slideout-watcher #watcher:not(:hover) {\n height: 0;\n overflow: hidden;\n border: 0 none;\n padding: 0;\n}\n.watch-thread-link {\n padding-top: 18px;\n width: 18px;\n height: 0px;\n display: inline-block;\n background-repeat: no-repeat;\n opacity: 0.2;\n position: relative;\n top: 1px;\n}\n.watch-thread-link.watched {\n opacity: 1;\n}\n/* Announcements */\n#globalMessage {\n text-align: center;\n}\n.rounded-edges #globalMessage {\n border-radius: 3px;\n}\n.announcements-slideout #globalMessage {\n position: fixed;\n padding: 2px;\n width: 248px;\n}\n.announcements-slideout.sidebar-location-right #globalMessage {\n left: auto;\n right: 2px;\n}\n.announcements-slideout.sidebar-location-left #globalMessage {\n right: auto;\n left: 2px;\n}\n.announcements-slideout.sidebar-large #globalMessage {\n width: 299px;\n}\n.announcements-slideout #globalMessage h3 {\n margin: 0;\n}\n.announcements-slideout #globalMessage:hover {\n -moz-box-sizing: border-box;\n overflow-y: auto;\n}\n.announcements-slideout #globalMessage:not(:hover) {\n height: 0;\n overflow: hidden;\n padding: 0;\n border: 0 none;\n}\n.announcements-hide #globalMessage {\n display: none !important;\n}\n/* Threads */\n#threads,\n.rounded-edges .board > .thread {\n border-radius: 4px;\n}\n/* Thread Clearfix */\n.thread > .threadContainer:last-of-type::after,\n.thread > .postContainer:last-of-type::after {\n display: block;\n content: ' ';\n clear: both;\n}\n/* Posts */\n.expanding {\n opacity: .5;\n}\n.fileText:hover .fntrunc,\n.fileText:not(:hover) .fnfull,\n.expanded-image > .post > .file > .fileThumb > img[data-md5],\n.post > .file > .fileThumb > .full-image {\n display: none;\n}\n.expanded-image > .post > .file > .fileThumb > .full-image {\n display: block;\n}\n.thread > .replyContainer:last-of-type .post {\n margin-bottom: 0;\n}\n.menu-button {\n position: relative;\n}\n.stub .menu-button,\n.post .menu-button,\n.hide-thread-button,\n.show-thread-button span,\n.hide-reply-button,\n.show-reply-button span {\n float: right;\n}\n.post .menu-button,\n.hide-thread-button,\n.hide-reply-button {\n margin: 0 3px;\n opacity: 0;\n transition: opacity .3s ease-out 0s;\n}\n.post:hover .hide-reply-button,\n.post:hover .menu-button,\n.post:hover .hide-thread-button,\n.hidden_thread .hide-thread-button,\n.hidden_thread .menu-button,\n.inline .hide-reply-button,\n.inline .menu-button {\n opacity: 1;\n}\n.hidden_thread {\n text-align: right;\n}\n.color-user-ids .posteruid .hand {\n padding: .1em .3em;\n border-radius: 1em;\n font-size: 80%;\n}\n.postInfo > span {\n vertical-align: bottom;\n}\n.bolds .subject,\n.bolds .name {\n font-weight: 600;\n}\n.italics .postertrip {\n font-style: italic;\n}\n.underline-links .replylink {\n text-decoration: underline;\n}\n.fileInfo {\n padding: 0 3px;\n}\n.fileThumb {\n float: left;\n margin: 3px 20px;\n outline: none;\n}\n.reply.post {\n -moz-box-sizing: border-box;\n display: inline-block;\n}\n.fit-width-replies .reply.post {\n display: block;\n overflow: hidden;\n}\n.fit-width-replies .expanded-image .reply.post,\n.fit-width-replies .hasInline .reply.post {\n width: 100%;\n}\n.indent-replies #unread-line,\n.indent-replies .thread > .replyContainer,\n.indent-replies .threadContainer > .replyContainer {\n margin-left: 2em;\n}\n.expanded-image .reply.post,\n.hasInline .reply.post {\n display: inline-block;\n overflow: visible;\n clear: both;\n}\n.rounded-edges .post {\n border-radius: 3px;\n}\n.spoiler,\ns {\n text-decoration: none;\n}\n/* Emoji */\na.useremail:last-of-type {\n vertical-align: top;\n}\n/* Reply Clearfix */\n.reply.post .postMessage {\n clear: right;\n}\n.op-background .op.post .postMessage::after,\n.force-reply-break .op.post .postMessage::after {\n display: block;\n content: ' ';\n clear: both;\n}\n/* OP */\n.favicon {\n vertical-align: bottom;\n}\n.op-background .op.post {\n -moz-box-sizing: border-box;\n}\n/* Summary */\n.force-reply-break .summary {\n clear: both;\n}\n/* Inlined */\n.inline {\n margin: 2px 8px 2px 2px;\n}\n.post .inline {\n margin: 2px;\n}\n.inline .replyContainer {\n display: inline-block;\n}\n/* Inlined Clearfix */\n.inline .postMessage::after {\n clear: both;\n display: block;\n content: \"\";\n}\n/* Quotes */\n.inlined {\n opacity: .5;\n}\n.underline-links .quotelink {\n text-decoration: underline;\n}\n.filtered,\n.quotelink.filtered {\n text-decoration: line-through !important;\n}\n.inline + .hashlink {\n display: none;\n}\n/* Quote Threading */\n.threadContainer {\n padding-left: 2em;\n border-left: 1px solid;\n}\n.indent-replies .threadContainer {\n margin-left: 2em;\n padding-left: 0;\n}\n.threadOP {\n clear: both;\n}\n/* Backlinks */\n.underline-links .forwardlink,\n.underline-links .backlink {\n text-decoration: underline;\n}\n.backlink.dead {\n text-decoration: none;\n}\n.filtered-backlinks .filtered.backlink {\n display: none;\n}\n.backlinks-position-lower-left .container,\n.backlinks-position-lower-right .container {\n max-width: 100%;\n padding: 0 5px;\n}\n.backlinks-position-lower-left .reply.quoted,\n.backlinks-position-lower-right .reply.quoted {\n position: relative;\n padding-bottom: 1.7em;\n}\n.backlinks-position-lower-left .inline .reply.quoted,\n.backlinks-position-lower-right .inline .reply.quoted,\n.backlinks-position-lower-right #qp .reply.quoted,\n.backlinks-position-lower-left #qp .reply.quoted {\n position: static;\n padding-bottom: 0;\n}\n.backlinks-position-lower-right .reply .container,\n.backlinks-position-lower-left .reply .container {\n position: absolute;\n bottom: 0;\n padding: 0 5px;\n}\n.backlinks-position-lower-left .reply .container {\n left: 0;\n}\n.backlinks-position-lower-right .reply .container {\n right: 0;\n}\n.backlinks-position-lower-right .container::before,\n.backlinks-position-lower-left .reply .container::before {\n content: 'REPLIES: ';\n}\n.container:empty {\n display: none;\n}\n.backlinks-position-lower-left #qp .container,\n.backlinks-position-lower-left .inline .container,\n.backlinks-position-lower-right .inline .container,\n.backlinks-position-lower-right #qp .container {\n position: static;\n max-width: 100%;\n}\n.backlinks-position-lower-left #qp .container::before,\n.backlinks-position-lower-left .inline .container::before,\n.backlinks-position-lower-right #qp .container::before,\n.backlinks-position-lower-right .inline .container::before {\n content: '';\n}\n.backlinks-position-lower-right .inline .container {\n float: none;\n}\n/* Fixes text spoilers */\n.remove-spoilers.indicate-spoilers .spoiler::before,\n.remove-spoilers.indicate-spoilers s::before {\n content: '[spoiler]';\n}\n.remove-spoilers.indicate-spoilers .spoiler::after,\n.remove-spoilers.indicate-spoilers s::after {\n content: '[/spoiler]';\n}\n:root:not(.remove-spoilers) .spoiler:not(:hover) *,\n:root:not(.remove-spoilers) s:not(:hover) * {\n color: rgb(0,0,0) !important;\n text-shadow: none !important;\n}\n:root:not(.remove-spoilers) spoiler:not(:hover),\n:root:not(.remove-spoilers) s:not(:hover) {\n background-color: rgb(0,0,0);\n color: rgb(0,0,0) !important;\n text-shadow: none !important;\n}\n/* Code */\n.prettyprint {\n -moz-box-sizing: border-box;\n font-family: monospace;\n display: inline-block;\n margin-right: auto;\n white-space: pre-wrap;\n border-radius: 2px;\n overflow-x: auto;\n padding: 3px;\n max-width: 100%;\n}\n/* Menu */\n.entry {\n border-bottom: 1px solid rgba(0,0,0,.25);\n cursor: pointer;\n display: block;\n outline: none;\n padding: 3px 1em 3px 7px;\n position: relative;\n text-decoration: none;\n white-space: nowrap;\n}\n.entry:last-child {\n border-bottom: 0;\n}\n.has-submenu::after {\n content: \"\";\n border-left: .5em solid;\n border-top: .3em solid transparent;\n border-bottom: .3em solid transparent;\n display: inline-block;\n margin: .3em;\n position: absolute;\n right: 0;\n}\n.submenu {\n display: none;\n position: absolute;\n top: -1px;\n}\n.focused .submenu {\n display: block;\n}\n/* Stubs */\n.fit-width-replies .stub {\n display: block;\n text-align: right;\n}\n/* Element Replacing: */\n/* Checkboxes */\n.rice {\n cursor: pointer;\n width: 9px;\n height: 9px;\n margin: 2px 3px 3px;\n display: inline-block;\n vertical-align: bottom;\n}\ninput[type=checkbox]:checked + .rice {\n position: relative;\n}\ninput[type=checkbox]:checked + .rice::after {\n content: \"\";\n display: block;\n width: 4px;\n height: 10px;\n border-width: 0 3px 3px 0;\n border-style: solid;\n transform: rotate(45deg);\n position: absolute;\n left: 2px;\n bottom: -1px;\n}\n.rounded-edges .rice {\n border-radius: 2px;}\n}\n.circle-checkboxes .rice {\n border-radius: 6px;}\n}\ninput:checked + .rice {\n background-attachment: scroll;\n background-repeat: no-repeat;\n background-position: bottom right;\n}\n/* Selects */\n.selectrice {\n position: relative;\n cursor: default;\n overflow: hidden;\n text-align: left;\n}\n#settings .selectrice {\n display: inline-block;\n}\n.selectrice::after {\n content: \"\";\n border-right: .25em solid transparent;\n border-left: .25em solid transparent;\n position: absolute;\n right: .4em;\n top: .5em;\n}\n.selectrice::before {\n content: \"\";\n height: 1.6em;\n position: absolute;\n right: 1.3em;\n top: 0;\n}\n/* Select Dropdown */\n#selectrice {\n padding: 0;\n margin: 0;\n position: fixed;\n max-height: 120px;\n overflow-y: auto;\n overflow-x: hidden;\n z-index: 32;\n}\n#selectrice:empty {\n display: none;\n}\n/* Post Form Shortcut */\n.qr-shortcut.on-page {\n font-size: 250%;\n}\n/* Post Form */\n#qr {\n z-index: 20;\n position: fixed;\n background: none;\n border: none;\n}\n.qr-wrapper {\n padding: 1px;\n min-width: 248px;\n background: transparent;\n border: 1px solid transparent;\n}\n.sidebar-large #qr {\n min-width: 299px;\n}\n.rounded-edges #qr,\n.rounded-edges #qrtab {\n border-radius: 3px 3px 0 0;\n}\n.post-form-style-fixed #qr {\n top: auto !important;\n}\n.sidebar-location-left:not(.post-form-style-float) #qr {\n left: 0 !important;\n right: auto !important;\n}\n.sidebar-location-right:not(.post-form-style-float) #qr {\n right: 0 !important;\n left: auto !important;\n}\n:root:not(.post-form-style-float) #qr {\n bottom: 0 !important;\n}\n.fourchan-ss-navigation.fixed.bottom:not(.post-form-style-float) #qr,\n.fourchan-ss-navigation.index.pagination-sticky-bottom:not(.post-form-style-float) #qr {\n bottom: 1.5em !important;\n}\n.post-form-style-slideout #qr {\n top: auto !important;\n}\n.post-form-style-slideout.sidebar-location-left #qr {\n transform: translateX(-93%);\n}\n.post-form-style-slideout.sidebar-location-right #qr {\n transform: translateX(93%);\n}\n.post-form-style-slideout #qr:hover,\n.post-form-style-slideout #qr.has-focus,\n.post-form-style-slideout #qr.dump {\n transform: translate(0);\n}\n.post-form-style-tabbed-slideout #qr {\n top: auto !important;\n}\n.post-form-style-tabbed-slideout.sidebar-location-left #qr {\n transform: translateX(-100%);\n}\n.post-form-style-tabbed-slideout.sidebar-location-right #qr {\n transform: translateX(100%);\n}\n.post-form-style-tabbed-slideout #qr:hover,\n.post-form-style-tabbed-slideout #qr.has-focus,\n.post-form-style-tabbed-slideout #qr.dump {\n transform: translateX(0);\n}\n.post-form-style-tabbed-slideout #qrtab {\n position: absolute;\n top: 0;\n width: 120px;\n text-align: center;\n border-width: 1px 1px 0 1px;\n cursor: default;\n}\n.post-form-style-tabbed-slideout.sidebar-location-left #qrtab {\n transform: rotate(90deg);\n transform-origin: bottom right;\n left: 100%;\n}\n.post-form-style-tabbed-slideout.sidebar-location-right #qrtab {\n transform: rotate(-90deg);\n transform-origin: bottom right;\n right: 100%;\n}\n.post-form-style-tabbed-slideout #qr:hover #qrtab,\n.post-form-style-tabbed-slideout #qr.has-focus #qrtab,\n.post-form-style-tabbed-slideout #qr.dump #qrtab {\n opacity: 0 !important;\n}\n.post-form-style-slideout #qrtab input,\n.post-form-style-slideout #qrtab .rice,\n.post-form-style-tabbed-slideout #qrtab input,\n.post-form-style-tabbed-slideout #qrtab .close,\n.post-form-style-tabbed-slideout #qrtab .rice,\n.post-form-style-tabbed-slideout #qrtab span {\n display: none;\n}\n.post-form-style-tabbed-slideout #qrtab .selectrice {\n text-align: center;\n}\n.transparent-post-form .qr-wrapper {\n opacity: 0.2;\n transition: opacity .3s ease-in-out 1s;\n}\n.transparent-post-form #qr:hover .qr-wrapper,\n.transparent-post-form #qr.has-focus .qr-wrapper,\n.transparent-post-form #qr.dump .qr-wrapper {\n opacity: 1;\n transition: opacity .3s linear;\n}\n:root:not(.show-post-form-header):not(.post-form-style-float):not(.post-form-tabbed-slideout) #qrtab,\n.post-form-style-float .autohide:not(:hover):not(.has-focus) form,\n.show-post-form-header.post-form-style-fixed .autohide:not(:hover):not(.has-focus) form {\n display: none !important;\n}\n:root:not(.post-form-style-tabbed-slideout) #qrtab {\n margin-bottom: 1px;\n}\n#qr.autohide:not(:hover):not(.has-focus) #qrtab {\n margin-bottom: 0;\n}\n.post-form-slideout-transitions.post-form-style-slideout #qr,\n.post-form-slideout-transitions.post-form-style-tabbed-slideout #qr {\n transition: transform .3s ease-in-out 1s;\n}\n.post-form-slideout-transitions.post-form-style-tabbed-slideout #qr.dump,\n.post-form-slideout-transitions.post-form-style-tabbed-slideout #qr:hover,\n.post-form-slideout-transitions.post-form-style-tabbed-slideout #qr.has-focus,\n.post-form-slideout-transitions.post-form-style-slideout #qr.dump,\n.post-form-slideout-transitions.post-form-style-slideout #qr:hover,\n.post-form-slideout-transitions.post-form-style-slideout #qr.has-focus {\n transition: transform .3s linear;\n}\n.post-form-slideout-transitions #qrtab {\n transition: opacity .3s ease-in-out 1s;\n}\n.post-form-slideout-transitions #qr:hover #qrtab {\n transition: opacity .3s linear;\n}\n#qr .close {\n float: right;\n padding: 0 3px;\n}\n#qr .warning {\n min-height: 1.6em;\n vertical-align: middle;\n padding: 0 1px;\n border-width: 1px;\n border-style: solid;\n}\n.persona {\n width: 248px;\n max-width: 100%;\n min-width: 100%;\n}\n.persona input.field {\n width: 100%;\n}\n#qr textarea.field {\n height: 11.6em;\n min-height: 6em;\n}\n#qr.has-captcha textarea.field {\n height: 6em;\n}\n.compact-post-form-inputs .persona input.field {\n width: 33%;\n}\n.compact-post-form-inputs .persona input.field:first-child {\n margin: 0;\n}\n.compact-post-form-inputs .persona input.field {\n margin: 0 0 0 0.5%;\n}\n.compact-post-form-inputs #qr textarea.field {\n height: 14.9em;\n min-height: 9em;\n}\n.compact-post-form-inputs #qr.has-captcha textarea.field {\n height: 9em;\n}\n.tripcode-hider .tripped:not(:hover):not(:focus) {\n color: transparent !important;\n}\n.textarea-resize-horizontal #qr textarea {\n resize: horizontal;\n}\n.textarea-resize-vertical #qr textarea {\n resize: vertical;\n}\n.textarea-resize-both #qr textarea {\n resize: both;\n}\n.textarea-resize-none #qr textarea {\n resize: none;\n}\n.captcha-img {\n margin: 1px 0 0;\n text-align: center;\n line-height: 0;\n}\n.captcha-img img {\n width: 100%;\n height: 4em;\n width: 246px;\n}\n.captcha-input {\n width: 100%;\n margin: 1px 0 0;\n}\n.field,\n.selectrice,\nbutton,\ninput:not([type=radio]) {\n -moz-box-sizing: border-box;\n height: 1.6em;\n margin: 1px 0 0;\n vertical-align: bottom;\n padding: 0 1px;\n outline: none;\n}\n.selectrice {\n padding-right: 1.6em;\n}\n#qr textarea {\n min-width: 100%;\n}\n#qr [type='submit'] {\n width: 25%;\n}\n[type='file'] {\n position: absolute;\n opacity: 0;\n z-index: -1;\n}\n/* Fake File Input */\n#qr-filename,\n#qr-filerm,\n.has-file #qr-no-file {\n display: none;\n}\n#qr-no-file,\n.has-file #qr-filename {\n display: block;\n}\n.has-file #qr-filerm {\n display: inline-block;\n}\n#qr-extras-container {\n position: absolute;\n right: 0;\n top: 0;\n z-index: 2;\n}\n#qr-extras-container > label,\n#qr-extras-container > a {\n cursor: pointer;\n margin-right: 3px;\n}\n#qr-filename-container {\n -moz-box-sizing: border-box;\n display: inline-block;\n position: relative;\n width: 100px;\n min-width: 74.6%;\n max-width: 74.6%;\n margin-right: 0.4%;\n overflow: hidden;\n padding: 2px 1px 0;\n}\n/* Thread Select */\n#qr-thread-select,\n#qr-thread-select .selectrice div {\n display: inline;\n}\n#qr-thread-select .selectrice {\n cursor: pointer;\n display: inline-block;\n width: 120px;\n border: none;\n background: none transparent;\n padding: 0;\n margin: 0;\n height: auto;\n}\n#qr-thread-select .selectrice::before,\n#qr-thread-select .selectrice::after {\n display: none;\n}\n/* Dumping UI */\n.dump #dump-list-container {\n display: block;\n}\n#dump-list-container {\n display: none;\n position: relative;\n overflow-y: hidden;\n margin-top: 1px;\n}\n#dump-list {\n overflow-x: auto;\n overflow-y: hidden;\n white-space: nowrap;\n width: 248px;\n max-width: 100%;\n min-width: 100%;\n}\n#dump-list:hover {\n overflow-x: auto;\n}\n.qr-preview {\n -moz-box-sizing: border-box;\n counter-increment: thumbnails;\n cursor: move;\n display: inline-block;\n height: 90px;\n width: 90px;\n padding: 2px;\n opacity: .5;\n overflow: hidden;\n position: relative;\n text-shadow: 0 1px 1px #000;\n transition: opacity .25s ease-in-out;\n vertical-align: top;\n}\n.qr-preview:hover,\n.qr-preview:focus {\n opacity: .9;\n}\n.qr-preview::before {\n content: counter(thumbnails);\n color: #fff;\n position: absolute;\n top: 3px;\n right: 3px;\n text-shadow: 0 0 3px #000, 0 0 8px #000;\n}\n.qr-preview#selected {\n opacity: 1;\n}\n.qr-preview.drag {\n box-shadow: 0 0 10px rgba(0,0,0,.5);\n}\n.qr-preview.over {\n border-color: #fff;\n}\n.qr-preview > span {\n color: #fff;\n}\n.remove {\n background: none;\n color: #e00;\n font-weight: 700;\n padding: 3px;\n}\na:only-of-type > .remove {\n display: none;\n}\n.remove:hover::after {\n content: \" Remove\";\n}\n.qr-preview > label {\n background: rgba(0,0,0,.5);\n color: #fff;\n right: 0; bottom: 0; left: 0;\n position: absolute;\n text-align: center;\n}\n.qr-preview > label > input {\n margin: 0;\n}\n#add-post {\n cursor: pointer;\n font-size: 2em;\n position: absolute;\n top: 50%;\n right: 10px;\n transform: translateY(-50%);\n}\n/* Ads */\n.topad img,\n.middlead img,\n.bottomad img {\n opacity: 0.3;\n transition: opacity .3s linear;\n}\n.topad img:hover,\n.middlead img:hover,\n.bottomad img:hover {\n opacity: 1;\n}\n/* AdBlock Minus */\n.hide-ads .bottomad + hr,\n.hide-ads .topad,\n.hide-ads .middlead,\n.hide-ads .bottomad {\n display: none;\n}\n.shrink-ads .topad a img,\n.shrink-ads .middlead a img,\n.shrink-ads .bottomad a img {\n width: 500px;\n height: auto;\n}\n/* Mascot Positions */\n#mascot {\n display: none;\n position: fixed;\n z-index: -1;\n bottom: 0;\n left: 0;\n right: 0;\n line-height: 0;\n cursor: pointer;\n}\n.mascot-position-above-post-form.post-form-style-fixed #qr #mascot {\n position: absolute;\n bottom: 100%;\n margin-bottom: -2px;\n}\n.mascot-position-above-post-form.post-form-style-fixed.post-form-decorations #qr #mascot {\n margin-bottom: 1px;\n}\n.mascots #mascot {\n display: block;\n}\n.sidebar-location-right.mascot-location-sidebar #mascot,\n.sidebar-location-left.mascot-location-opposite #mascot {\n left: auto;\n}\n.sidebar-location-left.mascot-location-sidebar #mascot,\n.sidebar-location-right.mascot-location-opposite #mascot {\n right: auto;\n}\n.sidebar-location-left.mascot-location-sidebar #mascot img,\n.sidebar-location-right.mascot-location-opposite #mascot img {\n transform: scaleX(-1);\n}\n.fourchan-ss-navigation.bottom.fixed.qr-hidden #mascot,\n.fourchan-ss-navigation.bottom.fixed.mascot-position-bottom #mascot,\n.fourchan-ss-navigation.index.pagination-sticky-bottom.mascot-position-bottom #mascot,\n.fourchan-ss-navigation.bottom.fixed:not(.post-form-style-fixed) #mascot,\n.fourchan-ss-navigation.index.pagination-sticky-bottom:not(.post-form-style-fixed) #mascot {\n bottom: 1.5em\n}\n#qr #mascot {\n z-index: -1;\n}\n.mascots-overlap-posts #mascot {\n z-index: 3;\n}\n.mascot-position-middle #mascot {\n bottom: 50% !important;\n transform: translateY(50%);\n}\n.mascot-position-top #mascot {\n bottom: auto !important;\n top: 17px;\n}\n.grayscale-mascot #mascot {\n filter: url('#grayscale');\n}\n/* Options */\n#overlay {\n position: fixed;\n z-index: 30;\n top: 0;\n right: 0;\n left: 0;\n bottom: 0;\n background: rgba(0,0,0,.5);\n}\n#appchanx-settings {\n width: auto;\n left: 15%;\n right: 15%;\n top: 15%;\n bottom: 15%;\n position: fixed;\n z-index: 31;\n padding: .3em;\n}\n.rounded-edges #appchanx-settings,\n.rounded-edges #appchanx-settings fieldset,\n.rounded-edges .mascots-container,\n.rounded-edges .section-container,\n.rounded-edges .sections-list > a {\n border-radius: 3px;\n}\n.description {\n display: none;\n}\n#appchanx-settings h3,\n.section-keybinds,\n.section-mascots,\n.section-script,\n.style {\n text-align: center;\n}\n.section-keybinds table,\n.section-script fieldset,\n.section-style fieldset {\n text-align: left;\n}\n.section-keybinds table {\n margin: auto;\n}\n#appchanx-settings fieldset {\n padding: 5px 0;\n vertical-align: top;\n border: 0;\n margin: 0 3px 6px;\n display: inline-block;\n}\n.single-column-mode #appchanx-settings fieldset {\n display: block;\n margin: 0 auto 6px;\n}\n#appchanx-settings .section-advanced fieldset {\n display: block;\n margin: 0 auto 6px;\n}\n.section-advanced .archive-cell {\n min-width: 200px;\n}\n.section-advanced .selectrice {\n display: inline-block;\n clear: both;\n}\n.section-container {\n overflow: auto;\n position: absolute;\n top: 1.7em;\n right: 5px;\n bottom: 5px;\n left: 5px;\n padding: 5px;\n}\n.sections-list {\n padding: 0 3px;\n float: left;\n}\n.sections-list > a {\n cursor: pointer;\n position: relative;\n padding: 0 4px;\n z-index: 1;\n height: 1.4em;\n display: inline-block;\n border-width: 1px 1px 0 1px;\n border-color: transparent;\n border-style: solid;\n}\n.sections-list > a.tab-selected {\n border-style: solid;\n}\n.credits {\n float: right;\n}\n#appchanx-settings h3 {\n margin: 0;\n}\n.section-script fieldset > div,\n.section-style fieldset > div,\n.section-advanced fieldset > div {\n overflow: visible;\n padding: 0 5px 0 7px;\n}\n#appchanx-settings tr:nth-of-type(2n+1),\n.section-script fieldset > div:nth-of-type(2n+1),\n.section-advanced fieldset > div:nth-of-type(2n+1),\n.section-style fieldset > div:nth-of-type(2n+1),\n.section-keybinds tr:nth-of-type(2n+1),\n#selectrice li:nth-of-type(2n+1) {\n background-color: rgba(0, 0, 0, 0.05);\n}\narticle li {\n margin: 10px 0 10px 2em;\n}\n#appchanx-settings .option {\n width: 50%;\n display: inline-block;\n vertical-align: bottom;\n}\n.option input {\n width: 100%;\n}\n.optionlabel {\n padding-left: 18px;\n}\n.rice + .optionlabel {\n padding-left: 0;\n}\n.section-script fieldset,\n.styleoption {\n text-align: left;\n}\n.section-style fieldset {\n width: 370px;\n}\n.section-script fieldset {\n width: 200px;\n}\n#mascotcontent,\n#themecontent,\n.suboptions {\n overflow: auto;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 1.7em;\n left: 0;\n}\n#mascotcontent,\n#themecontent {\n padding: 5px;\n}\n#themecontent {\n top: 1.8em;\n}\n.mAlign {\n height: 250px;\n vertical-align: bottom;\n display: table-cell;\n line-height: 0;\n}\n#save,\n.stylesettings {\n position: absolute;\n right: 10px;\n bottom: 0;\n}\n.section-style .suboptions {\n bottom: 0;\n}\n.section-container textarea {\n font-family: monospace;\n min-height: 150px;\n resize: vertical;\n width: 100%;\n}\n/* Hover Functionality */\n#mouseover {\n z-index: 33;\n position: fixed;\n max-width: 70%;\n}\n#mouseover:empty {\n display: none;\n}\n/* Mascot Tab */\n#mascot_hide {\n padding: 3px;\n position: absolute;\n top: 2px;\n right: 18px;\n}\n#mascot_hide .rice {\n float: left;\n}\n#mascot_hide > div {\n height: 0;\n text-align: right;\n overflow: hidden;\n}\n#mascot_hide:hover > div {\n height: auto;\n}\n#mascot_hide label {\n width: 100%;\n display: block;\n clear: both;\n text-decoration: none;\n}\n.mascots-container {\n padding: 0;\n text-align: center;\n}\n.mascot,\n.mascotcontainer {\n overflow: hidden;\n}\n.mascot {\n position: relative;\n border: none;\n margin: 5px;\n padding: 0;\n width: 200px;\n display: inline-block;\n background-color: transparent;\n}\n.mascotcontainer {\n height: 250px;\n border: 0;\n margin: 0;\n max-height: 250px;\n cursor: pointer;\n bottom: 0;\n border-width: 0 1px 1px;\n border-style: solid;\n border-color: transparent;\n overflow: hidden;\n}\n.mascot img {\n max-width: 200px;\n}\n.export-button,\n.mascotname,\n#mascot-options {\n -moz-box-sizing: border-box;\n padding: 0;\n width: 100%;\n}\n#mascot-options {\n opacity: 0;\n transition: opacity .3s linear;\n}\n.mascot:hover #mascot-options {\n opacity: 1;\n}\n#mascot-options {\n position: absolute;\n bottom: 0;\n right: 0;\n left: 0;\n}\n.export-button {\n position: absolute;\n bottom: 1.7em;\n right: 0;\n left: 0;\n text-align: center;\n}\n#mascot-options a {\n display: inline-block;\n width: 33%;\n}\n#upload {\n position: absolute;\n width: 100px;\n left: 50%;\n margin-left: -50px;\n text-align: center;\n bottom: 0;\n}\n#mascots_batch {\n position: absolute;\n left: 10px;\n bottom: 0;\n}\n/* Themes Tab */\n#themes h1 {\n position: absolute;\n right: 300px;\n bottom: 10px;\n margin: 0;\n transition: all .2s ease-in-out;\n opacity: 0;\n}\n#themes .selectedtheme h1 {\n right: 11px;\n opacity: 1;\n}\n#addthemes {\n position: absolute;\n left: 10px;\n bottom: 0;\n}\n.theme {\n margin: 1em;\n}\n/* Theme Editor */\n#themeConf {\n position: fixed;\n top: 0;\n bottom: 0;\n width: 296px;\n z-index: 10;\n}\n.sidebar-location-right #themeConf {\n right: 2px;\n left: auto;\n}\n.sidebar-location-right #themeConf {\n left: 2px;\n right: auto;\n}\n#themebar input {\n width: 30%;\n}\n.option .color {\n width: 10%;\n border-left: none !important;\n color: transparent !important;\n}\n.option .colorfield {\n width: 90%;\n}\n.themevar textarea {\n min-width: 100%;\n max-width: 100%;\n height: 20em;\n resize: vertical;\n}\n/* Mascot Editor */\n#mascotConf {\n position: fixed;\n height: 17em;\n bottom: 0;\n left: 50%;\n width: 500px;\n margin-left: -250px;\n overflow: auto;\n z-index: 10;\n}\n#mascotConf .option,\n#mascotConf .optionlabel {\n -moz-box-sizing: border-box;\n width: 50%;\n display: inline-block;\n vertical-align: middle;\n}\n#mascotConf .option input {\n width: 100%;\n}\n#close {\n position: absolute;\n left: 10px;\n bottom: 0;\n}\n/* Catalog */\n#content .navLinks,\n#info .navLinks,\n.btn-wrap {\n display: block;\n}\n.navLinks > .btn-wrap:not(:first-of-type)::before {\n content: ' - ';\n}\n.button {\n cursor: pointer;\n}\n#content .btn-wrap,\n#info .btn-wrap {\n display: inline-block;\n}\n#post-preview,\n#quote-preview {\n position: absolute;\n z-index: 22;\n}\n.rounded-edges #post-preview {\n border-radius: 3px;\n}\n#settings,\n#threads,\n#info .navLinks,\n#content .navLinks {\n text-align: center;\n}\n#threads .thread {\n vertical-align: top;\n display: inline-block;\n word-wrap: break-word;\n overflow: hidden;\n margin: 1px;\n padding: 5px 0 3px;\n text-align: center;\n}\n.extended-small .thread,\n.small .thread {\n width: 165px;\n max-height: 320px;\n}\n.small .teaser,\n.large .teaser {\n display: none;\n}\n.extended-large .thread,\n.large .thread {\n width: 270px;\n max-height: 410px;\n}\n.extended-small .thumb,\n.small .thumb {\n max-width: 150px;\n max-height: 150px;\n}\n.panel {\n position: fixed;\n top: 50% !important;\n left: 50%;\n transform: translate(-50%, -50%);\n padding: 5px;\n}\n.icon::after {\n display: inline-block;\n float: right;\n width: 1em;\n cursor: pointer;\n}\n.helpIcon::after {\n content: '?';\n}\n.closeIcon::after {\n content: '✖';\n}\n/* Front Page */\n#logo {\n text-align: center;\n}\n#doc {\n -moz-box-sizing: border-box;\n margin: 10px auto;\n width: 1006px;\n padding: 2px;\n position: relative;\n}\n.rounded-edges #doc,\n.rounded-edges #doc div {\n border-radius: 3px;\n}\n#boards .boxcontent {\n vertical-align: top;\n text-align: center;\n}\n#filter-container,\n#options-container {\n top: 4px;\n right: 8px;\n position: absolute;\n}\n#filtermenu,\n#optionsmenu {\n top: 100% !important;\n left: auto !important;\n right: 0 !important;\n}\n#boards .column {\n -moz-box-sizing: border-box;\n display: inline-block;\n width: 180px;\n text-align: left;\n vertical-align: top;\n}\n.bd ul,\n.boxcontent ul {\n vertical-align: top;\n padding: 0;\n margin: 0;\n}\n.right-box .boxcontent ul {\n padding: 0 10px;\n}\n.yuimenuitem,\n.boxcontent li {\n list-style-type: none;\n}\n.boxbar {\n position: relative;\n}\n#doc h3,\n.boxbar h2 {\n margin: 0;\n}\n#doc h3 {\n text-decoration: none !important;\n}\n.underline-links #doc h3 {\n text-decoration: underline !important;\n}\n#ft,\n.box-outer {\n margin: 2px 0 0;\n overflow: hidden;\n}\n#ft,\n.boxbar,\n.boxcontent {\n padding: 0 8px;\n}\n.yui-module {\n position: absolute;\n}\n.yuimenuitem::before {\n content: \" [ ] \";\n font-family: monospace;\n}\n.yuimenuitem-checked::before {\n content: \" [x] \"\n}\n.yui-g {\n overflow: hidden;\n}\n.yui-u {\n display: inline-block;\n vertical-align: top;\n width: 499px;\n float: right;\n}\n.yui-u.first {\n float: left;\n}\n#recent-images .boxcontent {\n text-align: center;\n}\n#ft {\n text-align: center;\n}\n#ft ul {\n padding: 0;\n}\n#ft li {\n list-style-type: none;\n display: inline-block;\n width: 100px;\n}\n#preview-tooltip-nws,\n#preview-tooltip-ws,\n#ft .fill,\n.clear-bug {\n display: none;\n}\n/* ExLinks */\n#exlinks-options-content {\n padding: 5px;\n}", dynamic: function() { var editSpace, sidebarLocation, _conf; @@ -11550,7 +11546,7 @@ right: 0 }; } - return "#boardNavDesktopFoot a,\n#header-bar a,\n.deleteform::before,\n.field,\n.hide-navigation-decorations .pages a,\n.notification,\n.selectrice,\nbody,\nbutton,\ninput,\ntextarea {\n font-size: " + (parseInt(_conf["Font Size"], 10)) + "px;\n}\n#boardTitle,\n.boardTitle a {\n font-size: " + (parseInt(_conf["Font Size"], 10) + 10) + "px;\n}\n.boardSubtitle,\n.boardSubtitle a {\n font-size: " + (parseInt(_conf["Font Size"], 10) - 1) + "px;\n}\nbody,\nbutton,\ninput,\ntextarea {\n font-family: " + _conf["Font"] + ";\n}\nbody {\n padding: 0 " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px 0 " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"]) + "px;\n}\n.board > .thread {\n margin: " + (parseInt(_conf["Top Thread Padding"], 10)) + "px 0 " + (parseInt(_conf["Bottom Thread Padding"], 10)) + "px 0;\n}\n.post,\n.summary {\n margin-bottom: " + Conf["Post Spacing"] + "px;\n}\n.thread > .threadContainer:last-of-type {\n margin-bottom: -" + Conf["Post Spacing"] + "px;\n}\n.thread > .replyContainer > .reply.post {\n border-width: " + (_conf['Post Spacing'] === "0" ? "1px 1px 0 1px" : '1px') + ";\n}\n#post-preview,\n.postMessage {\n margin: " + _conf['Vertical Post Padding'] + "px " + _conf['Horizontal Post Padding'] + "px;\n}\n:root:not(fourchan-ss-navigation):not(.pagination-on-side) .pagelist,\n:root:not(fourchan-ss-navigation) #header-bar {\n margin-left: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\n margin-right: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"]) + "px;\n}\n/* Emoji */\na.useremail:last-of-type::before {\n margin-right: " + (parseInt(_conf['Emoji Spacing'])) + "px;\n}\na.useremail:last-of-type::after {\n margin-left: " + (parseInt(_conf['Emoji Spacing'])) + "px;\n}\n#mascot {\n opacity: " + Conf['Mascot Opacity'] + ";\n}\n" + (_conf["Emoji"] !== "disable" ? Emoji.css(_conf["Emoji Position"]) : ""); + return "#boardNavDesktopFoot a,\n#header-bar a,\n.deleteform::before,\n.field,\n.hide-navigation-decorations .pages a,\n.notification,\n.selectrice,\nbody,\nbutton,\ninput,\ntextarea {\n font-size: " + (parseInt(_conf["Font Size"], 10)) + "px;\n}\n#boardTitle,\n.boardTitle a {\n font-size: " + (parseInt(_conf["Font Size"], 10) + 10) + "px;\n}\n.boardSubtitle,\n.boardSubtitle a {\n font-size: " + (parseInt(_conf["Font Size"], 10) - 1) + "px;\n}\nbody,\nbutton,\ninput,\ntextarea {\n font-family: " + _conf["Font"] + ";\n}\nbody {\n padding: 0 " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px 0 " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"]) + "px;\n}\n.board > .thread {\n margin: " + (parseInt(_conf["Top Thread Padding"], 10)) + "px 0 " + (parseInt(_conf["Bottom Thread Padding"], 10)) + "px 0;\n}\n.post,\n.summary {\n margin-bottom: " + Conf["Post Spacing"] + "px;\n}\n.thread > .threadContainer:last-of-type {\n margin-bottom: -" + Conf["Post Spacing"] + "px;\n}\n.thread > .replyContainer > .reply.post {\n border-width: " + (_conf['Post Spacing'] === "0" ? "1px 1px 0 1px" : '1px') + ";\n}\n#post-preview,\n.postMessage {\n margin: " + _conf['Vertical Post Padding'] + "px " + _conf['Horizontal Post Padding'] + "px;\n}\n:root:not(fourchan-ss-navigation):not(.pagination-on-side) .pagelist,\n:root:not(fourchan-ss-navigation) #header-bar {\n margin-left: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\n margin-right: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"]) + "px;\n}\n/* Emoji */\na.useremail:last-of-type::before {\n margin-right: " + (parseInt(_conf['Emoji Spacing'])) + "px;\n}\na.useremail:last-of-type::after {\n margin-left: " + (parseInt(_conf['Emoji Spacing'])) + "px;\n}\n#mascot {\n opacity: " + Conf['Mascot Opacity'] + ";\n}"; }, theme: function(theme) { var background, backgroundC, bgColor, replybg; @@ -11559,7 +11555,7 @@ replybg = new Style.color(Style.colorToHex(theme["Reply Background"])); Style.lightTheme = bgColor.isLight(); Style.svg.innerHTML = "\n\n"; - return (".hide_thread_button span > span,\n.hide_reply_button span > span {\n background-color: " + theme["Links"] + ";\n}\n#mascot_hide label {\n border-bottom: 1px solid " + theme["Reply Border"] + ";\n}\n#content .thumb {\n box-shadow: 0 0 5px " + theme["Reply Border"] + ";\n}\n.export-button,\n.mascotname,\n#mascot-options {\n background: " + theme["Dialog Background"] + ";\n border: 1px solid " + theme["Buttons Border"] + ";\n}\n.highlight-you .opContainer.quotesYou,\n.highlight-own .opContainer.yourPost,\n.opContainer.filter-highlight {\n box-shadow: inset 5px 0 " + theme["Backlinked Reply Outline"] + ";\n}\n.highlight-you .quotesYou > .reply,\n.highlight-own .yourPost > .reply,\n.filter-highlight > .reply {\n box-shadow: -5px 0 " + theme["Backlinked Reply Outline"] + ";\n}\nhr {\n border-bottom: 1px solid " + theme["Reply Border"] + ";\n}\nhr#unread-line {\n border-bottom: 1px solid " + theme["Reply Background"] + ";\n visibility: visible;\n}\n.threadContainer {\n border-color: " + theme["Reply Border"] + " !important;\n}\nhtml {\n background: " + (backgroundC || '') + ";\n background-image: " + (theme["Background Image"] || '') + ";\n background-repeat: " + (theme["Background Repeat"] || '') + ";\n background-attachment: " + (theme["Background Attachment"] || '') + ";\n background-position: " + (theme["Background Position"] || '') + ";\n}\n.panel,\n.section-container,\n#exlinks-options-content,\n#themecontent {\n background: " + backgroundC + ";\n border: 1px solid " + theme["Reply Border"] + ";\n}\n.sections-list > a.tab-selected {\n background: " + backgroundC + ";\n border-color: " + theme["Reply Border"] + ";\n}\n.captcha-img img {\n filter: url(\"#captcha-filter\");\n}\n#boardTitle {\n text-shadow:\n 1px 1px " + backgroundC + ",\n -1px -1px " + backgroundC + ",\n 1px -1px " + backgroundC + ",\n -1px 1px " + backgroundC + ";\n}\n.sidebar-glow #boardTitle {\n text-shadow:\n 1px 1px 1px " + backgroundC + ",\n -1px -1px 1px " + backgroundC + ",\n 1px -1px 1px " + backgroundC + ",\n -1px 1px 1px " + backgroundC + ",\n 0 2px 4px rgba(0,0,0,.6),\n 0 0 10px rgba(0,0,0,.6);\n}\n#exlinks-options,\n#appchanx-settings,\n#qrtab,\n.post-form-style-float .qr-wrapper,\ninput[type=\"submit\"],\ninput[value=\"Report\"],\nspan[style=\"left: 5px; position: absolute;\"] a {\n background: " + theme["Buttons Background"] + ";\n border: 1px solid " + theme["Buttons Border"] + ";\n}\n.enabled .mascotcontainer {\n background: " + theme["Buttons Background"] + ";\n border-color: " + theme["Buttons Border"] + ";\n}\n#dump,\n#qr-filename-container,\n#appchanx-settings input,\n.captcha-img,\n.dump #dump,\n.qr-preview,\n.selectrice,\nbutton,\ninput,\ntextarea {\n background: " + theme["Input Background"] + ";\n border: 1px solid " + theme["Input Border"] + ";\n}\n.has-file #qr-extras-container {\n background: " + theme["Input Background"] + ";\n}\n#dump:hover,\n#qr-filename-container:hover,\n.selectrice:hover,\n#selectrice li:hover,\n#selectrice li:nth-of-type(2n+1):hover,\ninput:hover,\ntextarea:hover {\n background: " + theme["Hovered Input Background"] + ";\n border-color: " + theme["Hovered Input Border"] + ";\n}\n.has-file #qr-filename-container:hover #qr-extras-container {\n background: " + theme["Hovered Input Background"] + ";\n}\n#dump:active,\n#dump:focus,\n#selectrice li:focus,\n.selectrice:focus,\n#qr-filename-container:active,\n#qr-filename-container:focus,\ninput:focus,\ntextarea:focus,\ntextarea.field:focus {\n background: " + theme["Focused Input Background"] + ";\n border-color: " + theme["Focused Input Border"] + ";\n color: " + theme["Inputs"] + ";\n}\n.has-file #qr-filename-container:active #qr-extras-container,\n.has-file #qr-filename-container:focus #qr-extras-container {\n background: " + theme["Focused Input Background"] + ";\n}\n#ft,\n#mouseover,\n#post-preview,\n#qp .post,\n#threads > .thread,\n#xupdater,\n.box-outer,\n.reply.post {\n border-width: 1px;\n border-style: solid;\n border-color: " + theme["Reply Border"] + ";\n background: " + theme["Reply Background"] + ";\n}\n.exblock.reply,\n.reply.post.highlight,\n.reply.post:target {\n background: " + theme["Highlighted Reply Background"] + ";\n border: 1px solid " + theme["Highlighted Reply Border"] + ";\n}\n#header-bar,\n.pagelist {\n background: " + theme["Navigation Background"] + ";\n border-color: " + theme["Navigation Border"] + ";\n}\n#doc,\n#threads,\n.board > .thread {\n background: " + theme["Thread Wrapper Background"] + ";\n border: 1px solid " + theme["Thread Wrapper Border"] + ";\n}\n#boardNavDesktopFoot,\n#mascot_hide,\n#menu,\n#selectrice,\n#themeConf,\n#watcher,\n#watcher:hover,\n.dialog,\n.submenu {\n background: " + theme["Dialog Background"] + ";\n border: 1px solid " + theme["Dialog Border"] + ";\n}\n.watch-thread-link {\n background-image: url(\"data:image/svg+xml,\");\n} \n.deleteform::before,\n.deleteform,\n#qr .warning {\n background: " + theme["Input Background"] + ";\n border-color: " + theme["Input Border"] + ";\n}\n.disabledwarning,\n.warning {\n color: " + theme["Warnings"] + ";\n}\n#charCount {\n color: " + (Style.lightTheme ? "rgba(0,0,0,0.7)" : "rgba(255,255,255,0.7)") + ";\n}\n.postNum a {\n color: " + theme["Post Numbers"] + ";\n}\n.subject {\n color: " + theme["Subjects"] + " !important;\n}\n.dateTime,\n.post-ago {\n color: " + theme["Timestamps"] + " !important;\n}\n#fs_status a,\n#updater #update-status:not(.new)::after,\n#showQR,\n.abbr,\n.boxbar,\n.boxcontent,\n.deleteform::before,\n.pages strong,\n.pln,\n.reply,\n.reply.highlight,\n.summary,\nbody,\nbutton,\nspan[style=\"left: 5px; position: absolute;\"] a,\ninput,\ntextarea {\n color: " + theme["Text"] + ";\n}\n#exlinks-options-content > table,\n#appchanx-settings fieldset,\n#selectrice {\n border-bottom: 1px solid " + theme["Reply Border"] + ";\n box-shadow: inset " + theme["Shadow Color"] + " 0 0 5px;\n}\n.quote + .spoiler:hover,\n.quote {\n color: " + theme["Greentext"] + ";\n}\n.forwardlink {\n border-bottom: 1px dashed " + theme["Backlinks"] + ";\n}\n.container::before {\n color: " + theme["Timestamps"] + ";\n}\n.quote-shadows #menu,\n.quote-shadows #post-preview,\n.quote-shadows #qp .opContainer,\n.quote-shadows #qp .replyContainer,\n.quote-shadows .submenu {\n box-shadow: 5px 5px 5px " + theme['Shadow Color'] + ";\n}\n.rice {\n background: " + theme["Checkbox Background"] + ";\n border: 1px solid " + theme["Checkbox Border"] + ";\n}\n.selectrice::before {\n border-left: 1px solid " + theme["Input Border"] + ";\n}\n.selectrice::after {\n border-top: .45em solid " + theme["Inputs"] + ";\n}\n.bd {\n background: " + theme["Buttons Background"] + ";\n border: 1px solid " + theme["Buttons Border"] + ";\n}\n.pages a,\n#header-bar a {\n color: " + theme["Navigation Links"] + ";\n}\ninput[type=checkbox]:checked + .rice::after {\n border-color: " + theme["Inputs"] + ";\n}\n#addReply,\n#dump,\n.button,\n.entry,\n.replylink,\na {\n color: " + theme["Links"] + ";\n}\n.backlink {\n color: " + theme["Backlinks"] + ";\n}\n.qiQuote,\n.quotelink {\n color: " + theme["Quotelinks"] + ";\n}\n#addReply:hover,\n#dump:hover,\n.entry:hover,\n.replylink:hover,\n.qiQuote:hover,\n.quotelink:hover,\na .name:hover,\na .postertrip:hover,\na:hover {\n color: " + theme["Hovered Links"] + ";\n}\n#header-bar a:hover,\n#boardTitle a:hover {\n color: " + theme["Hovered Navigation Links"] + ";\n}\n#boardTitle {\n color: " + theme["Board Title"] + ";\n}\n.name,\n.post-author {\n color: " + theme["Names"] + " !important;\n}\n.post-tripcode,\n.postertrip,\n.trip {\n color: " + theme["Tripcodes"] + " !important;\n}\na .postertrip,\na .name {\n color: " + theme["Emails"] + ";\n}\n.post.reply.qphl,\n.post.op.qphl {\n border-color: " + theme["Backlinked Reply Outline"] + ";\n background: " + theme["Highlighted Reply Background"] + ";\n}\n.quote-shadows .inline .post {\n box-shadow: 5px 5px 5px " + theme['Shadow Color'] + ";\n}\n.placeholder,\n#qr input::placeholder,\n#qr textarea::placeholder {\n color: " + (Style.lightTheme ? "rgba(0,0,0,0.3)" : "rgba(255,255,255,0.2)") + " !important;\n}\n#qr input:placeholder,\n#qr textarea:placeholder,\n.placeholder {\n color: " + (Style.lightTheme ? "rgba(0,0,0,0.3)" : "rgba(255,255,255,0.2)") + " !important;\n}\n#appchanx-settings fieldset,\n.boxcontent dd,\n.selectrice ul {\n border-color: " + (Style.lightTheme ? "rgba(0,0,0,0.1)" : "rgba(255,255,255,0.1)") + ";\n}\n#appchanx-settings li,\n#selectrice li:not(:first-of-type) {\n border-top: 1px solid " + (Style.lightTheme ? "rgba(0,0,0,0.05)" : "rgba(255,255,255,0.025)") + ";\n}\n#navtopright .exlinksOptionsLink::after,\n#main-menu,\n.navLinks > a:first-of-type::after,\n#watcher::after,\n#globalMessage::after,\n#boardNavDesktopFoot::after,\n#img-controls,\n#catalog::after,\n#fappeTyme {\n " + (!Style.lightTheme ? "filter: url(\"#icons-filter\");" : "") + "\n}\n.alternate-post-colors #threads > .thread:nth-of-type(2n+1),\n.alternate-post-colors .replyContainer:nth-of-type(2n+1) .post {\n background-image: linear-gradient(" + (replybg ? "rgba(" + (replybg.shiftRGB(-4, false)) + ",0.8), rgba(" + (replybg.shiftRGB(-4, false)) + ",0.8)" : Style.lightTheme ? "rgba(0,0,0,0.05), rgba(0,0,0,0.05)" : "rgba(255,255,255,0.02), rgba(255,255,255,0.02)") + ");\n}\n.color-reply-headings .boxbar,\n.color-reply-headings .postInfo {\n background: " + (replybg ? "rgba(" + (replybg.shiftRGB(-12, false)) + ",0.8)" : "rgba(0,0,0,0.1)") + ";\n border-bottom: 1px solid " + theme["Reply Border"] + "\n}\n.color-file-info .file {\n background: " + (replybg ? "rgba(" + (replybg.shiftRGB(-8, false)) + ",0.8)" : "rgba(0,0,0,0.1)") + ";\n border-bottom: 1px solid " + theme["Reply Border"] + "\n border-top: 1px solid " + theme["Reply Border"] + "\n}\n.color-reply.headings.color-file-info {\n border-top: none;\n}\n.op-background .op.post {\n background: " + theme["Reply Background"] + ";\n border: 1px solid " + theme["Reply Border"] + ";\n}\n.op-background .op.post:target\n.op-background .op.post.highlight {\n background: " + theme["Highlighted Reply Background"] + ";\n border: 1px solid " + theme["Highlighted Reply Border"] + ";\n}\n.fourchan-banner-at-sidebar-top.icon-orientation-vertical body::after {\n background: " + backgroundC + ";\n}\n.fourchan-banner-at-sidebar-top.icon-orientation-vertical.fourchan-ss-sidebar body::after,\n.fourchan-banner-at-sidebar-top.fourchan-ss-sidebar body::before {\n background: rgba(" + ((background = new Style.color(Style.colorToHex(theme["Reply Background"]))) ? background.shiftRGB(-18) : void 0) + ", 0.8);\n}\n.fourchan-ss-sidebar.sidebar-location-right body::before {\n border-left: 2px solid " + backgroundC + ";\n box-shadow:\n inset 1px 0 0 " + theme["Reply Border"] + ",\n -1px 0 0 " + theme["Reply Border"] + ";\n}\n.fourchan-ss-sidebar.sidebar-location-left body::before {\n border-right: 2px solid " + backgroundC + ";\n box-shadow:\n 1px 0 0 " + theme["Reply Border"] + ",\n inset -1px 0 0 " + theme["Reply Border"] + ";\n}\n.sage-highlighting-text.sage-highlight-position-before a.useremail[href*=\"sage\"]:last-of-type::before,\n.sage-highlighting-text.sage-highlight-position-before a.useremail[href*=\"Sage\"]:last-of-type::before,\n.sage-highlighting-text.sage-highlight-position-before a.useremail[href*=\"SAGE\"]:last-of-type::before,\n.sage-highlighting-text.sage-highlight-position-after a.useremail[href*=\"sage\"]:last-of-type::after,\n.sage-highlighting-text.sage-highlight-position-after a.useremail[href*=\"Sage\"]:last-of-type::after,\n.sage-highlighting-text.sage-highlight-position-after a.useremail[href*=\"SAGE\"]:last-of-type::after {\n content: \" (sage) \";\n color: " + theme["Sage"] + ";\n}\n.sage-highlighting-image.sage-highlight-position-before a.useremail[href*=\"sage\"]:last-of-type::before,\n.sage-highlighting-image.sage-highlight-position-before a.useremail[href*=\"Sage\"]:last-of-type::before,\n.sage-highlighting-image.sage-highlight-position-before a.useremail[href*=\"SAGE\"]:last-of-type::before,\n.sage-highlighting-image.sage-highlight-position-after a.useremail[href*=\"sage\"]:last-of-type::after,\n.sage-highlighting-image.sage-highlight-position-after a.useremail[href*=\"Sage\"]:last-of-type::after,\n.sage-highlighting-image.sage-highlight-position-after a.useremail[href*=\"SAGE\"]:last-of-type::after{\n content: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAABa1BMVEUAAACqrKiCgYIAAAAAAAAAAACHmX5pgl5NUEx/hnx4hXRSUVMiIyKwrbFzn19SbkZ1d3OvtqtpaWhcX1ooMyRsd2aWkZddkEV8vWGcpZl+kHd7jHNdYFuRmI4bHRthaV5WhUFsfGZReUBFZjdJazpGVUBnamYfHB9TeUMzSSpHgS1cY1k1NDUyOC8yWiFywVBoh1lDSEAZHBpucW0ICQgUHhBjfFhCRUA+QTtEQUUBAQFyo1praWspKigWFRZHU0F6j3E9Oz5VWFN0j2hncWONk4sAAABASDxJWkJKTUgAAAAvNC0fJR0DAwMAAAA9QzoWGhQAAAA8YytvrFOJsnlqyT9oqExqtkdrsExpsUsqQx9rpVJDbzBBbi5utk9jiFRuk11iqUR64k5Wf0JIZTpadk5om1BkyjmF1GRNY0FheFdXpjVXhz86XSp2yFJwslR3w1NbxitbtDWW5nNnilhFXTtYqDRwp1dSijiJ7H99AAAAUnRSTlMAJTgNGQml71ypu3cPEN/RDh8HBbOwQN7wVg4CAQZ28vs9EDluXjo58Ge8xwMy0P3+rV8cT73sawEdTv63NAa3rQwo4cUdAl3hWQSWvS8qqYsjEDiCzAAAAIVJREFUeNpFx7GKAQAYAOD/A7GbZVAWZTBZFGQw6LyCF/MIkiTdcOmWSzYbJVE2u1KX0J1v+8QDv/EkyS0yXF/NgeEILiHfyc74mICTQltqYXBeAWU9HGxU09YqqEvAElGjyZYjPyLqitjzHSEiGkrsfMWr0VLe+oy/djGP//YwfbeP8bN3Or0bkqEVblAAAAAASUVORK5CYII=\");\n vertical-align: top;\n}\n.announcements-slideout #globalMessage {\n background: " + theme["Dialog Background"] + ";\n border: 1px solid " + theme["Dialog Border"] + ";\n}\n.post-form-decorations .qr-wrapper {\n background: " + backgroundC + ";\n border: 1px solid " + theme["Buttons Border"] + ";\n}\n.quote-shadows #qr {\n box-shadow: 5px 5px 5px " + theme['Shadow Color'] + ";\n}\n" + theme["Custom CSS"]) + (Style.lightTheme ? ".prettyprint {\n background-color: #e7e7e7;\n border: 1px solid #dcdcdc;\n}\n.com {\n color: #dd0000;\n}\n.str,\n.atv {\n color: #7fa61b;\n}\n.pun {\n color: #61663a;\n}\n.tag {\n color: #117743;\n}\n.kwd {\n color: #5a6F9e;\n}\n.typ,\n.atn {\n color: #9474bd;\n}\n.lit {\n color: #368c72;\n}" : ".prettyprint {\n background-color: rgba(0,0,0,.1);\n border: 1px solid rgba(0,0,0,0.5);\n}\n.tag {\n color: #96562c;\n}\n.pun {\n color: #5b6f2a;\n}\n.com {\n color: #a34443;\n}\n.str,\n.atv {\n color: #8ba446;\n}\n.kwd {\n color: #987d3e;\n}\n.typ,\n.atn {\n color: #897399;\n}\n.lit {\n color: #558773;\n}"); + return (".hide_thread_button span > span,\n.hide_reply_button span > span {\n background-color: " + theme["Links"] + ";\n}\n#mascot_hide label {\n border-bottom: 1px solid " + theme["Reply Border"] + ";\n}\n#content .thumb {\n box-shadow: 0 0 5px " + theme["Reply Border"] + ";\n}\n.export-button,\n.mascotname,\n#mascot-options {\n background: " + theme["Dialog Background"] + ";\n border: 1px solid " + theme["Buttons Border"] + ";\n}\n.highlight-you .opContainer.quotesYou,\n.highlight-own .opContainer.yourPost,\n.opContainer.filter-highlight {\n box-shadow: inset 5px 0 " + theme["Backlinked Reply Outline"] + ";\n}\n.highlight-you .quotesYou > .reply,\n.highlight-own .yourPost > .reply,\n.filter-highlight > .reply {\n box-shadow: -5px 0 " + theme["Backlinked Reply Outline"] + ";\n}\nhr {\n border-bottom: 1px solid " + theme["Reply Border"] + ";\n}\nhr#unread-line {\n border-bottom: 1px solid " + theme["Reply Background"] + ";\n visibility: visible;\n}\n.threadContainer {\n border-color: " + theme["Reply Border"] + " !important;\n}\nhtml {\n background: " + (backgroundC || '') + ";\n background-image: " + (theme["Background Image"] || '') + ";\n background-repeat: " + (theme["Background Repeat"] || '') + ";\n background-attachment: " + (theme["Background Attachment"] || '') + ";\n background-position: " + (theme["Background Position"] || '') + ";\n}\n.panel,\n.section-container,\n#exlinks-options-content,\n#themecontent {\n background: " + backgroundC + ";\n border: 1px solid " + theme["Reply Border"] + ";\n}\n.sections-list > a.tab-selected {\n background: " + backgroundC + ";\n border-color: " + theme["Reply Border"] + ";\n}\n.captcha-img img {\n filter: url(\"#captcha-filter\");\n}\n#boardTitle {\n text-shadow:\n 1px 1px " + backgroundC + ",\n -1px -1px " + backgroundC + ",\n 1px -1px " + backgroundC + ",\n -1px 1px " + backgroundC + ";\n}\n.sidebar-glow #boardTitle {\n text-shadow:\n 1px 1px 1px " + backgroundC + ",\n -1px -1px 1px " + backgroundC + ",\n 1px -1px 1px " + backgroundC + ",\n -1px 1px 1px " + backgroundC + ",\n 0 2px 4px rgba(0,0,0,.6),\n 0 0 10px rgba(0,0,0,.6);\n}\n#exlinks-options,\n#appchanx-settings,\n#qrtab,\n.post-form-style-float .qr-wrapper,\ninput[type=\"submit\"],\ninput[value=\"Report\"],\nspan[style=\"left: 5px; position: absolute;\"] a {\n background: " + theme["Buttons Background"] + ";\n border: 1px solid " + theme["Buttons Border"] + ";\n}\n.enabled .mascotcontainer {\n background: " + theme["Buttons Background"] + ";\n border-color: " + theme["Buttons Border"] + ";\n}\n#dump,\n#qr-filename-container,\n#appchanx-settings input,\n.captcha-img,\n.dump #dump,\n.qr-preview,\n.selectrice,\nbutton,\ninput,\ntextarea {\n background: " + theme["Input Background"] + ";\n border: 1px solid " + theme["Input Border"] + ";\n}\n.has-file #qr-extras-container {\n background: " + theme["Input Background"] + ";\n}\n#dump:hover,\n#qr-filename-container:hover,\n.selectrice:hover,\n#selectrice li:hover,\n#selectrice li:nth-of-type(2n+1):hover,\ninput:hover,\ntextarea:hover {\n background: " + theme["Hovered Input Background"] + ";\n border-color: " + theme["Hovered Input Border"] + ";\n}\n.has-file #qr-filename-container:hover #qr-extras-container {\n background: " + theme["Hovered Input Background"] + ";\n}\n#dump:active,\n#dump:focus,\n#selectrice li:focus,\n.selectrice:focus,\n#qr-filename-container:active,\n#qr-filename-container:focus,\ninput:focus,\ntextarea:focus,\ntextarea.field:focus {\n background: " + theme["Focused Input Background"] + ";\n border-color: " + theme["Focused Input Border"] + ";\n color: " + theme["Inputs"] + ";\n}\n.has-file #qr-filename-container:active #qr-extras-container,\n.has-file #qr-filename-container:focus #qr-extras-container {\n background: " + theme["Focused Input Background"] + ";\n}\n#ft,\n#mouseover,\n#post-preview,\n#qp .post,\n#threads > .thread,\n#xupdater,\n.box-outer,\n.reply.post {\n border-width: 1px;\n border-style: solid;\n border-color: " + theme["Reply Border"] + ";\n background: " + theme["Reply Background"] + ";\n}\n.exblock.reply,\n.reply.post.highlight,\n.reply.post:target {\n background: " + theme["Highlighted Reply Background"] + ";\n border: 1px solid " + theme["Highlighted Reply Border"] + ";\n}\n#header-bar,\n.pagelist {\n background: " + theme["Navigation Background"] + ";\n border-color: " + theme["Navigation Border"] + ";\n}\n#doc,\n#threads,\n.board > .thread {\n background: " + theme["Thread Wrapper Background"] + ";\n border: 1px solid " + theme["Thread Wrapper Border"] + ";\n}\n#boardNavDesktopFoot,\n#mascot_hide,\n#menu,\n#selectrice,\n#themeConf,\n#watcher,\n#watcher:hover,\n.dialog,\n.submenu {\n background: " + theme["Dialog Background"] + ";\n border: 1px solid " + theme["Dialog Border"] + ";\n}\n.watch-thread-link {\n background-image: url(\"data:image/svg+xml,\");\n} \n.deleteform::before,\n.deleteform,\n#qr .warning {\n background: " + theme["Input Background"] + ";\n border-color: " + theme["Input Border"] + ";\n}\n.disabledwarning,\n.warning {\n color: " + theme["Warnings"] + ";\n}\n#charCount {\n color: " + (Style.lightTheme ? "rgba(0,0,0,0.7)" : "rgba(255,255,255,0.7)") + ";\n}\n.postNum a {\n color: " + theme["Post Numbers"] + ";\n}\n.subject {\n color: " + theme["Subjects"] + " !important;\n}\n.dateTime,\n.post-ago {\n color: " + theme["Timestamps"] + " !important;\n}\n#fs_status a,\n#updater #update-status:not(.new)::after,\n#showQR,\n.abbr,\n.boxbar,\n.boxcontent,\n.deleteform::before,\n.pages strong,\n.pln,\n.reply,\n.reply.highlight,\n.summary,\nbody,\nbutton,\nspan[style=\"left: 5px; position: absolute;\"] a,\ninput,\ntextarea {\n color: " + theme["Text"] + ";\n}\n#exlinks-options-content > table,\n#appchanx-settings fieldset,\n#selectrice {\n border-bottom: 1px solid " + theme["Reply Border"] + ";\n box-shadow: inset " + theme["Shadow Color"] + " 0 0 5px;\n}\n.quote + .spoiler:hover,\n.quote {\n color: " + theme["Greentext"] + ";\n}\n.forwardlink {\n border-bottom: 1px dashed " + theme["Backlinks"] + ";\n}\n.container::before {\n color: " + theme["Timestamps"] + ";\n}\n.quote-shadows #menu,\n.quote-shadows #post-preview,\n.quote-shadows #qp .opContainer,\n.quote-shadows #qp .replyContainer,\n.quote-shadows .submenu {\n box-shadow: 5px 5px 5px " + theme['Shadow Color'] + ";\n}\n.rice {\n background: " + theme["Checkbox Background"] + ";\n border: 1px solid " + theme["Checkbox Border"] + ";\n}\n.selectrice::before {\n border-left: 1px solid " + theme["Input Border"] + ";\n}\n.selectrice::after {\n border-top: .45em solid " + theme["Inputs"] + ";\n}\n.bd {\n background: " + theme["Buttons Background"] + ";\n border: 1px solid " + theme["Buttons Border"] + ";\n}\n.pages a,\n#header-bar a {\n color: " + theme["Navigation Links"] + ";\n}\ninput[type=checkbox]:checked + .rice::after {\n border-color: " + theme["Inputs"] + ";\n}\n#addReply,\n#dump,\n.button,\n.entry,\n.replylink,\na {\n color: " + theme["Links"] + ";\n}\n.backlink {\n color: " + theme["Backlinks"] + ";\n}\n.qiQuote,\n.quotelink {\n color: " + theme["Quotelinks"] + ";\n}\n#addReply:hover,\n#dump:hover,\n.entry:hover,\n.replylink:hover,\n.qiQuote:hover,\n.quotelink:hover,\na .name:hover,\na .postertrip:hover,\na:hover {\n color: " + theme["Hovered Links"] + ";\n}\n#header-bar a:hover,\n#boardTitle a:hover {\n color: " + theme["Hovered Navigation Links"] + ";\n}\n#boardTitle {\n color: " + theme["Board Title"] + ";\n}\n.name,\n.post-author {\n color: " + theme["Names"] + " !important;\n}\n.post-tripcode,\n.postertrip,\n.trip {\n color: " + theme["Tripcodes"] + " !important;\n}\na .postertrip,\na .name {\n color: " + theme["Emails"] + ";\n}\n.post.reply.qphl,\n.post.op.qphl {\n border-color: " + theme["Backlinked Reply Outline"] + ";\n background: " + theme["Highlighted Reply Background"] + ";\n}\n.quote-shadows .inline .post {\n box-shadow: 5px 5px 5px " + theme['Shadow Color'] + ";\n}\n.placeholder,\n#qr input::placeholder,\n#qr textarea::placeholder {\n color: " + (Style.lightTheme ? "rgba(0,0,0,0.3)" : "rgba(255,255,255,0.2)") + " !important;\n}\n#qr input:placeholder,\n#qr textarea:placeholder,\n.placeholder {\n color: " + (Style.lightTheme ? "rgba(0,0,0,0.3)" : "rgba(255,255,255,0.2)") + " !important;\n}\n#appchanx-settings fieldset,\n.boxcontent dd,\n.selectrice ul {\n border-color: " + (Style.lightTheme ? "rgba(0,0,0,0.1)" : "rgba(255,255,255,0.1)") + ";\n}\n#appchanx-settings li,\n#selectrice li:not(:first-of-type) {\n border-top: 1px solid " + (Style.lightTheme ? "rgba(0,0,0,0.05)" : "rgba(255,255,255,0.025)") + ";\n}\n#navtopright .exlinksOptionsLink::after,\n#main-menu,\n.navLinks > a:first-of-type::after,\n#watcher::after,\n#globalMessage::after,\n#boardNavDesktopFoot::after,\n#img-controls,\n#catalog::after,\n#fappeTyme {\n " + (!Style.lightTheme ? "filter: url(\"#icons-filter\");" : "") + "\n}\n.alternate-post-colors #threads > .thread:nth-of-type(2n+1),\n.alternate-post-colors .replyContainer:nth-of-type(2n+1) .post {\n background-image: linear-gradient(" + (replybg ? "rgba(" + (replybg.shiftRGB(-4, false)) + ",0.8), rgba(" + (replybg.shiftRGB(-4, false)) + ",0.8)" : Style.lightTheme ? "rgba(0,0,0,0.05), rgba(0,0,0,0.05)" : "rgba(255,255,255,0.02), rgba(255,255,255,0.02)") + ");\n}\n.color-reply-headings .boxbar,\n.color-reply-headings .postInfo {\n background: " + (replybg ? "rgba(" + (replybg.shiftRGB(-12, false)) + ",0.8)" : "rgba(0,0,0,0.1)") + ";\n border-bottom: 1px solid " + theme["Reply Border"] + "\n}\n.color-file-info .file {\n background: " + (replybg ? "rgba(" + (replybg.shiftRGB(-8, false)) + ",0.8)" : "rgba(0,0,0,0.1)") + ";\n border-bottom: 1px solid " + theme["Reply Border"] + "\n border-top: 1px solid " + theme["Reply Border"] + "\n}\n.color-reply.headings.color-file-info {\n border-top: none;\n}\n.op-background .op.post {\n background: " + theme["Reply Background"] + ";\n border: 1px solid " + theme["Reply Border"] + ";\n}\n.op-background .op.post:target\n.op-background .op.post.highlight {\n background: " + theme["Highlighted Reply Background"] + ";\n border: 1px solid " + theme["Highlighted Reply Border"] + ";\n}\n.fourchan-banner-at-sidebar-top.icon-orientation-vertical body::after {\n background: " + backgroundC + ";\n}\n.fourchan-banner-at-sidebar-top.icon-orientation-vertical.fourchan-ss-sidebar body::after,\n.fourchan-banner-at-sidebar-top.fourchan-ss-sidebar body::before {\n background: rgba(" + ((background = new Style.color(Style.colorToHex(theme["Reply Background"]))) ? background.shiftRGB(-18) : void 0) + ", 0.8);\n}\n.fourchan-ss-sidebar.sidebar-location-right body::before {\n border-left: 2px solid " + backgroundC + ";\n box-shadow:\n inset 1px 0 0 " + theme["Reply Border"] + ",\n -1px 0 0 " + theme["Reply Border"] + ";\n}\n.fourchan-ss-sidebar.sidebar-location-left body::before {\n border-right: 2px solid " + backgroundC + ";\n box-shadow:\n 1px 0 0 " + theme["Reply Border"] + ",\n inset -1px 0 0 " + theme["Reply Border"] + ";\n}\n.sage-highlighting-text.sage-highlight-position-before a.useremail[href*=\"sage\"]:last-of-type::before,\n.sage-highlighting-text.sage-highlight-position-before a.useremail[href*=\"Sage\"]:last-of-type::before,\n.sage-highlighting-text.sage-highlight-position-before a.useremail[href*=\"SAGE\"]:last-of-type::before,\n.sage-highlighting-text.sage-highlight-position-after a.useremail[href*=\"sage\"]:last-of-type::after,\n.sage-highlighting-text.sage-highlight-position-after a.useremail[href*=\"Sage\"]:last-of-type::after,\n.sage-highlighting-text.sage-highlight-position-after a.useremail[href*=\"SAGE\"]:last-of-type::after {\n content: \" (sage) \";\n color: " + theme["Sage"] + ";\n}\n.announcements-slideout #globalMessage {\n background: " + theme["Dialog Background"] + ";\n border: 1px solid " + theme["Dialog Border"] + ";\n}\n.post-form-decorations .qr-wrapper {\n background: " + backgroundC + ";\n border: 1px solid " + theme["Buttons Border"] + ";\n}\n.quote-shadows #qr {\n box-shadow: 5px 5px 5px " + theme['Shadow Color'] + ";\n}\n" + theme["Custom CSS"]) + (Style.lightTheme ? ".prettyprint {\n background-color: #e7e7e7;\n border: 1px solid #dcdcdc;\n}\n.com {\n color: #dd0000;\n}\n.str,\n.atv {\n color: #7fa61b;\n}\n.pun {\n color: #61663a;\n}\n.tag {\n color: #117743;\n}\n.kwd {\n color: #5a6F9e;\n}\n.typ,\n.atn {\n color: #9474bd;\n}\n.lit {\n color: #368c72;\n}" : ".prettyprint {\n background-color: rgba(0,0,0,.1);\n border: 1px solid rgba(0,0,0,0.5);\n}\n.tag {\n color: #96562c;\n}\n.pun {\n color: #5b6f2a;\n}\n.com {\n color: #a34443;\n}\n.str,\n.atv {\n color: #8ba446;\n}\n.kwd {\n color: #987d3e;\n}\n.typ,\n.atn {\n color: #897399;\n}\n.lit {\n color: #558773;\n}"); }, iconPositions: function() { var align, aligner, css, i, iconOffset, navlinks, notCatalog, notEither, position, psa, sidebar, _conf; @@ -13701,16 +13697,16 @@ advanced: function(section) { var archive, boardID, boardOptions, boardSelect, boards, data, event, input, inputs, item, items, name, row, rows, ta, table, _i, _j, _k, _l, _len, _len1, _len2, _len3, _ref, _ref1, _ref2, _ref3, _ref4; - section.innerHTML = "
Archiver
404 Redirect is disabled.
Thread redirectionPost fetchingFile redirection
Disabled selections indicate that only one archive is available for that board and redirection type.
Custom Board Navigation
New lines will be converted into spaces.

In the following examples for /g/, g can be changed to a different board ID (a, b, etc...), the current board (current), or the Status/Twitter link (status, @).
Board link: g
Title link: g-title
Board link (Replace with title when on that board): g-replace
Full text link: g-full
Custom text link: g-text:\"Install Gentoo\"
Index-only link: g-index
Catalog-only link: g-catalog
External link: external-text:\"Google\",\"http://www.google.com\"
Combinations are possible: g-index-text:\"Technology Index\"
Full board list toggle: toggle-all

[ toggle-all ] [current-title] [g-title / a-title / jp-title] [x / wsg / h] [t-text:\"Piracy\"]
\n will give you
[ + ] [Technology] [Technology / Anime & Manga / Otaku Culture] [x / wsg / h] [Piracy]
\n if you are on /g/.\n
Time Formatting is disabled.
:
Supported format specifiers:
Day: %a, %A, %d, %e
Month: %m, %b, %B
Year: %y, %Y
Hour: %k, %H, %l, %I, %p, %P
Minute: %M
Second: %S
Quote Backlinks formatting is disabled.
:
File Info Formatting is disabled.
:
Link: %l (truncated), %L (untruncated), %T (Unix timestamp)
Original file name: %n (truncated), %N (untruncated), %t (Unix timestamp)
Spoiler indicator: %p
Size: %B (Bytes), %K (KB), %M (MB), %s (4chan default)
Resolution: %r (Displays 'PDF' for PDF files)
Quick Reply Personas is disabled.

\n One item per line.
\n Items will be added in the relevant input's auto-completion list.
\n Password items will always be used, since there is no password input.
\n Lines starting with a # will be ignored.\n

Unread Favicon is disabled.
Emoji is disabled.
\n Sage Icon:
\n Position:
Thread Updater is disabled.
\n Interval:
Custom CSS
"; + section.innerHTML = "
Archiver
404 Redirect is disabled.
Thread redirectionPost fetchingFile redirection
Disabled selections indicate that only one archive is available for that board and redirection type.
Custom Board Navigation
New lines will be converted into spaces.

In the following examples for /g/, g can be changed to a different board ID (a, b, etc...), the current board (current), or the Status/Twitter link (status, @).
Board link: g
Title link: g-title
Board link (Replace with title when on that board): g-replace
Full text link: g-full
Custom text link: g-text:\"Install Gentoo\"
Index-only link: g-index
Catalog-only link: g-catalog
External link: external-text:\"Google\",\"http://www.google.com\"
Combinations are possible: g-index-text:\"Technology Index\"
Full board list toggle: toggle-all

[ toggle-all ] [current-title] [g-title / a-title / jp-title] [x / wsg / h] [t-text:\"Piracy\"]
\n will give you
[ + ] [Technology] [Technology / Anime & Manga / Otaku Culture] [x / wsg / h] [Piracy]
\n if you are on /g/.\n
Time Formatting is disabled.
:
Supported format specifiers:
Day: %a, %A, %d, %e
Month: %m, %b, %B
Year: %y, %Y
Hour: %k, %H, %l, %I, %p, %P
Minute: %M
Second: %S
Quote Backlinks formatting is disabled.
:
File Info Formatting is disabled.
:
Link: %l (truncated), %L (untruncated), %T (Unix timestamp)
Original file name: %n (truncated), %N (untruncated), %t (Unix timestamp)
Spoiler indicator: %p
Size: %B (Bytes), %K (KB), %M (MB), %s (4chan default)
Resolution: %r (Displays 'PDF' for PDF files)
Quick Reply Personas is disabled.

\n One item per line.
\n Items will be added in the relevant input's auto-completion list.
\n Password items will always be used, since there is no password input.
\n Lines starting with a # will be ignored.\n

Unread Favicon is disabled.
Thread Updater is disabled.
\n Interval:
Custom CSS
"; items = {}; inputs = {}; - _ref = ['boardnav', 'time', 'backlink', 'fileInfo', 'favicon', 'emojiPos', 'sageEmoji', 'usercss']; + _ref = ['boardnav', 'time', 'backlink', 'fileInfo', 'favicon', 'usercss']; for (_i = 0, _len = _ref.length; _i < _len; _i++) { name = _ref[_i]; input = $("[name='" + name + "']", section); items[name] = Conf[name]; inputs[name] = input; - event = ['favicon', 'usercss', 'sageEmoji', 'emojiPos'].contains(name) ? 'change' : 'input'; + event = ['favicon', 'usercss'].contains(name) ? 'change' : 'input'; $.on(input, event, $.cb.value); } ta = $('.personafield', section); @@ -13723,9 +13719,6 @@ for (key in items) { val = items[key]; - if (['emojiPos'].contains(key)) { - continue; - } input = inputs[key]; input.value = val; if (key === 'usercss') { @@ -13883,9 +13876,6 @@ } return $.id('favicon-preview').innerHTML = "\n\n\n"; }, - sageEmoji: function() { - return $.id('sageicon-preview').innerHTML = ""; - }, togglecss: function() { if ($('textarea', this.parentNode.parentNode).disabled = !this.checked) { CustomCSS.rmStyle(); diff --git a/builds/crx/script.js b/builds/crx/script.js index ea9cacb8f..4b857b3b2 100644 --- a/builds/crx/script.js +++ b/builds/crx/script.js @@ -227,8 +227,6 @@ 'Persistent Custom Board Titles': [false, 'Forces custom board titles to be persistent, even if moot updates the board titles.'], '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.'] }, @@ -238,8 +236,6 @@ '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, 'Hide 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.'], @@ -248,21 +244,19 @@ '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".'] + 'Hide Horizontal Rules': [false, 'Hides lines between threads.'] }, 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.'], + '4chan Banner Reflection': [false, 'Adds reflection effects to 4chan\'s image banner.'], + 'Faded 4chan Banner': [true, 'Make 4chan\'s image banner translucent.'], 'Hide 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.'], - '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': ['13', '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']], @@ -297,7 +291,16 @@ 'Transparent Post Form': [false, 'Make the post form almost invisible.'], '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.'] + 'Tripcode Hider': [true, 'Intelligent name field hiding.'], + 'Images Overlap Post Form': [true, 'Images expand over the post form and sidebar content, usually used with "Expand images" set to "full".'] + }, + Indicators: { + 'Emoji': ['enabled', 'Add icons besides usernames with triggered e-mails, like sega and neko.', ['enabled', 'disable ponies', 'only ponies', 'disable']], + 'Emoji Position': ['before', 'Position of emoji icons.', ['before', 'after']], + 'Emoji Spacing': ['5', 'Add some spacing between emoji and text.', 'text'], + 'Sage Highlighting': ['image', 'Icons or text to highlight saged posts.', ['text', 'image', 'none']], + 'Sage Image': ['appchan', 'Image to use for sage highlighting.', ['4chan SS', 'appchan']], + 'Sage Highlight Position': ['after', 'Position of Sage Highlighting', ['before', 'after']] } }, filter: { @@ -315,8 +318,6 @@ MD5: '' }, sauces: "https://www.google.com/searchbyimage?image_url=%TURL\nhttp://iqdb.org/?url=%TURL\n#//tineye.com/search?url=%TURL\n#http://saucenao.com/search.php?url=%TURL\n#http://3d.iqdb.org/?url=%TURL\n#http://regex.info/exif.cgi?imgurl=%URL\n# uploaders:\n#http://imgur.com/upload?url=%URL;text:Upload to imgur\n#http://ompldr.org/upload?url1=%URL;text:Upload to ompldr\n# \"View Same\" in archives:\n#//archive.foolz.us/_/search/image/%MD5/;text:View same on foolz\n#//archive.foolz.us/%board/search/image/%MD5/;text:View same on foolz /%board/\n#//archive.installgentoo.net/%board/image/%MD5;text:View same on installgentoo /%board/", - 'sageEmoji': 'appchan', - 'emojiPos': 'before', 'Custom CSS': false, Header: { 'Fixed Header': true, @@ -10483,36 +10484,30 @@ Emoji = { init: function() { - Emoji.icons['PlanNine'] = Emoji.icons['Plan9']; - return Emoji.icons['Sage'] = Emoji.sage[Conf['sageEmoji']]; + return Emoji.icons['PlanNine'] = Emoji.icons['Plan9']; }, - css: function(position) { + css: function() { var category, css, icon, key, name, _conf, _ref; _conf = Conf; - css = ["a.useremail[href]:last-of-type::" + position + " {\n vertical-align: top;\n margin-" + (position === "before" ? "right" : "left") + ": 5px;\n}\n"]; + css = []; _ref = Emoji.icons; for (key in _ref) { category = _ref[key]; if (!Emoji.icons.hasOwnProperty(key)) { continue; } - if ((_conf['Emoji'] !== "disable ponies" && key === "pony") || (_conf['Emoji'] !== "only ponies" && key === "not")) { - for (name in category) { - icon = category[name]; - if (!category.hasOwnProperty(name)) { - continue; - } - css.push("a.useremail[href*='" + name + "']:last-of-type::" + position + ",\na.useremail[href*='" + (name.toLowerCase()) + "']:last-of-type::" + position + ",\na.useremail[href*='" + (name.toUpperCase()) + "']:last-of-type::" + position + " {\n content: url('data:image/png;base64," + icon + "');\n}\n"); + for (name in category) { + icon = category[name]; + if (!category.hasOwnProperty(name)) { + continue; } + css.push(".emoji-position-after:not(.emoji-disabled):not(.emoji-" + (key === "pony" ? 'disable-ponies' : 'only-ponies') + ") a.useremail[href*='" + name + "']:last-of-type::after,\n.emoji-position-after:not(.emoji-disabled):not(.emoji-" + (key === "pony" ? 'disable-ponies' : 'only-ponies') + ") a.useremail[href*='" + (name.toLowerCase()) + "']:last-of-type::after,\n.emoji-position-after:not(.emoji-disabled):not(.emoji-" + (key === "pony" ? 'disable-ponies' : 'only-ponies') + ") a.useremail[href*='" + (name.toUpperCase()) + "']:last-of-type::after,\n.emoji-position-before:not(.emoji-disabled):not(.emoji-" + (key === "pony" ? 'disable-ponies' : 'only-ponies') + ") a.useremail[href*='" + name + "']:last-of-type::before,\n.emoji-position-before:not(.emoji-disabled):not(.emoji-" + (key === "pony" ? 'disable-ponies' : 'only-ponies') + ") a.useremail[href*='" + (name.toLowerCase()) + "']:last-of-type::before,\n.emoji-position-before:not(.emoji-disabled):not(.emoji-" + (key === "pony" ? 'disable-ponies' : 'only-ponies') + ") a.useremail[href*='" + (name.toUpperCase()) + "']:last-of-type::before {\n content: url('data:image/png;base64," + icon + "');\n}\n"); } } + css.push(".sage-highlighting-image.sage-image-appchan.sage-highlight-position-after a.useremail[href*='sage']:last-of-type::after,\n.sage-highlighting-image.sage-image-appchan.sage-highlight-position-after a.useremail[href*='SAGE']:last-of-type::after,\n.sage-highlighting-image.sage-image-appchan.sage-highlight-position-after a.useremail[href*='Sage']:last-of-type::after,\n.sage-highlighting-image.sage-image-appchan.sage-highlight-position-before a.useremail[href*='sage']:last-of-type::before,\n.sage-highlighting-image.sage-image-appchan.sage-highlight-position-before a.useremail[href*='SAGE']:last-of-type::before,\n.sage-highlighting-image.sage-image-appchan.sage-highlight-position-before a.useremail[href*='Sage']:last-of-type::before {\n content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAABa1BMVEUAAACqrKiCgYIAAAAAAAAAAACHmX5pgl5NUEx/hnx4hXRSUVMiIyKwrbFzn19SbkZ1d3OvtqtpaWhcX1ooMyRsd2aWkZddkEV8vWGcpZl+kHd7jHNdYFuRmI4bHRthaV5WhUFsfGZReUBFZjdJazpGVUBnamYfHB9TeUMzSSpHgS1cY1k1NDUyOC8yWiFywVBoh1lDSEAZHBpucW0ICQgUHhBjfFhCRUA+QTtEQUUBAQFyo1praWspKigWFRZHU0F6j3E9Oz5VWFN0j2hncWONk4sAAABASDxJWkJKTUgAAAAvNC0fJR0DAwMAAAA9QzoWGhQAAAA8YytvrFOJsnlqyT9oqExqtkdrsExpsUsqQx9rpVJDbzBBbi5utk9jiFRuk11iqUR64k5Wf0JIZTpadk5om1BkyjmF1GRNY0FheFdXpjVXhz86XSp2yFJwslR3w1NbxitbtDWW5nNnilhFXTtYqDRwp1dSijiJ7H99AAAAUnRSTlMAJTgNGQml71ypu3cPEN/RDh8HBbOwQN7wVg4CAQZ28vs9EDluXjo58Ge8xwMy0P3+rV8cT73sawEdTv63NAa3rQwo4cUdAl3hWQSWvS8qqYsjEDiCzAAAAIVJREFUeNpFx7GKAQAYAOD/A7GbZVAWZTBZFGQw6LyCF/MIkiTdcOmWSzYbJVE2u1KX0J1v+8QDv/EkyS0yXF/NgeEILiHfyc74mICTQltqYXBeAWU9HGxU09YqqEvAElGjyZYjPyLqitjzHSEiGkrsfMWr0VLe+oy/djGP//YwfbeP8bN3Or0bkqEVblAAAAAASUVORK5CYII=');\n}\n.sage-highlighting-image.sage-image-4chan-ss.sage-highlight-position-after a.useremail[href*='sage']:last-of-type::after,\n.sage-highlighting-image.sage-image-4chan-ss.sage-highlight-position-after a.useremail[href*='SAGE']:last-of-type::after,\n.sage-highlighting-image.sage-image-4chan-ss.sage-highlight-position-after a.useremail[href*='Sage']:last-of-type::after,\n.sage-highlighting-image.sage-image-4chan-ss.sage-highlight-position-before a.useremail[href*='sage']:last-of-type::before,\n.sage-highlighting-image.sage-image-4chan-ss.sage-highlight-position-before a.useremail[href*='SAGE']:last-of-type::before,\n.sage-highlighting-image.sage-image-4chan-ss.sage-highlight-position-before a.useremail[href*='Sage']:last-of-type::before {\n content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAANCAYAAACZ3F9/AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAa9JREFUKFOdkt0rg2EUwM95b2zlL0CRRLngksznXrJsNtYW1tjYhM3mY6+IXZAbikhTKJp8XZAp81UmWYhIRHHhUi60e7s6ntdCa2449es8PfU7z+k5B6AbyuE/wQlc4BcO2d06unAUBCgFE0hianOd3NHIcy8NPwrUf9NBPZcOEi7ayXZiea/1V7+ljaXeYAfOgg2So2TOwQWGnwQafOgi962TnMFmatozUeNu4yetASspVvgXiUvii5K5Nm6z56ol3Hdtpy+cwSYy+HRUt1nLsoEato0kXyh6wTac+24brThWv6MNOYNW9prlG/uxmbRrFaT0VrCspZoNPSUNJNyCBcoiLZuhLH0o9U6UrAfGKCz7RlLM81Q8XUwqr4oKPLIQmnA8IupBigacVy7yrya/2JouhryJHJJNykg+UxLGOtz6+SQNpEiMcduls4Wvoli9WklVKz+ol5SU4U6ngql8Qj2eRI+GyajBhSRH4r3cUxhSeRVhsYBmWUWiyM+UMDmDUI2nsfuSC1I27nLgYZJlP8jhjJ3PY8iE+L8tWx4kQC6MQA5b1D9HNiRCFhx8AF/e2qh92VnKAAAAAElFTkSuQmCC');\n}"); return css.join(""); }, - sage: { - '4chan SS': 'iVBORw0KGgoAAAANSUhEUgAAAA4AAAANCAYAAACZ3F9/AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAa9JREFUKFOdkt0rg2EUwM95b2zlL0CRRLngksznXrJsNtYW1tjYhM3mY6+IXZAbikhTKJp8XZAp81UmWYhIRHHhUi60e7s6ntdCa2449es8PfU7z+k5B6AbyuE/wQlc4BcO2d06unAUBCgFE0hianOd3NHIcy8NPwrUf9NBPZcOEi7ayXZiea/1V7+ljaXeYAfOgg2So2TOwQWGnwQafOgi962TnMFmatozUeNu4yetASspVvgXiUvii5K5Nm6z56ol3Hdtpy+cwSYy+HRUt1nLsoEato0kXyh6wTac+24brThWv6MNOYNW9prlG/uxmbRrFaT0VrCspZoNPSUNJNyCBcoiLZuhLH0o9U6UrAfGKCz7RlLM81Q8XUwqr4oKPLIQmnA8IupBigacVy7yrya/2JouhryJHJJNykg+UxLGOtz6+SQNpEiMcduls4Wvoli9WklVKz+ol5SU4U6ngql8Qj2eRI+GyajBhSRH4r3cUxhSeRVhsYBmWUWiyM+UMDmDUI2nsfuSC1I27nLgYZJlP8jhjJ3PY8iE+L8tWx4kQC6MQA5b1D9HNiRCFhx8AF/e2qh92VnKAAAAAElFTkSuQmCC', - 'appchan': 'iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAABa1BMVEUAAACqrKiCgYIAAAAAAAAAAACHmX5pgl5NUEx/hnx4hXRSUVMiIyKwrbFzn19SbkZ1d3OvtqtpaWhcX1ooMyRsd2aWkZddkEV8vWGcpZl+kHd7jHNdYFuRmI4bHRthaV5WhUFsfGZReUBFZjdJazpGVUBnamYfHB9TeUMzSSpHgS1cY1k1NDUyOC8yWiFywVBoh1lDSEAZHBpucW0ICQgUHhBjfFhCRUA+QTtEQUUBAQFyo1praWspKigWFRZHU0F6j3E9Oz5VWFN0j2hncWONk4sAAABASDxJWkJKTUgAAAAvNC0fJR0DAwMAAAA9QzoWGhQAAAA8YytvrFOJsnlqyT9oqExqtkdrsExpsUsqQx9rpVJDbzBBbi5utk9jiFRuk11iqUR64k5Wf0JIZTpadk5om1BkyjmF1GRNY0FheFdXpjVXhz86XSp2yFJwslR3w1NbxitbtDWW5nNnilhFXTtYqDRwp1dSijiJ7H99AAAAUnRSTlMAJTgNGQml71ypu3cPEN/RDh8HBbOwQN7wVg4CAQZ28vs9EDluXjo58Ge8xwMy0P3+rV8cT73sawEdTv63NAa3rQwo4cUdAl3hWQSWvS8qqYsjEDiCzAAAAIVJREFUeNpFx7GKAQAYAOD/A7GbZVAWZTBZFGQw6LyCF/MIkiTdcOmWSzYbJVE2u1KX0J1v+8QDv/EkyS0yXF/NgeEILiHfyc74mICTQltqYXBeAWU9HGxU09YqqEvAElGjyZYjPyLqitjzHSEiGkrsfMWr0VLe+oy/djGP//YwfbeP8bN3Or0bkqEVblAAAAAASUVORK5CYII=' - }, icons: { pony: { 'Pinkie': 'iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/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', @@ -11429,6 +11424,7 @@ $.extend(Style, { layoutCSS: $.addStyle(Style.layout, 'layout'), themeCSS: $.addStyle(Style.theme(theme), 'theme'), + emojiCSS: $.addStyle(Emoji.css(), 'emoji'), dynamicCSS: $.addStyle(Style.dynamic(), 'dynamic'), icons: $.addStyle("", 'icons'), paddingSheet: $.addStyle("", 'padding'), @@ -11519,7 +11515,7 @@ b: parseInt(bgHex.substr(4, 2), 16) / 255 }); }, - layout: "/* Cleanup */\n#absbot,\n#boardNavDesktop,\n#delPassword,\n#delform > hr:last-of-type,\n#navbotright,\n#postForm,\n#search-label,\n#search-label-bottom,\n#styleSwitcher,\n#togglePostForm,\n.boardBanner > div,\n.mobile,\n.next form,\n.next span,\n.postingMode,\n.prev form,\n.prev span,\n.riced,\n.sideArrows,\n.stylechanger,\nbody > br,\nbody > div[style^=\"text-align\"],\nbody > hr {\n display: none;\n}\n/* Empties */\n#qr .warning:empty,\n#qr-thread-select:empty {\n display: none;\n}\n/* File Name Trunctuate */\n.fileText:hover .fntrunc,\n.fileText:not(:hover) .fnfull {\n display: none;\n}\n/* Unnecessary */\n#qp input,\n#qp .rice,\n.inline .rice {\n display: none !important;\n}\n/* Hidden Content */\n.forwarded,\n.hidden,\n.hidden_thread ~ div,\n.hidden_thread ~ a,\n.replyContainer .stub ~ div,\n.replyContainer .stub ~ a,\n.stub + div,\n.thread > .stub:first-child ~ .postContainer,\n.thread > .stub:first-child ~ .summary,\n[hidden] {\n display: none !important;\n}\n/* Hidden UI */\n#catalog,\n#navlinks,\n#navtopright,\n#svg_filters,\n.cataloglink,\n.navLinks {\n z-index: 7;\n position: fixed;\n top: 100%;\n left: 100%;\n}\n/* Hide last horizontal rule, keep clear functionality. */\n.board > hr:last-of-type {\n visibility: hidden;\n}\n/* Fappe Tyme */\n.fappeTyme .thread > .noFile,\n.fappeTyme .threadContainer > .noFile {\n display: none;\n}\n/* Defaults */\na {\n text-decoration: none;\n outline: none;\n}\n.underline-links a {\n text-decoration: underline;\n}\nbody,\nhtml {\n min-height: 100%;\n box-sizing: border-box;\n}\nbody {\n outline: none;\n min-height: 100%;\n}\n.sidebar-hide body {\n margin: 0 2px;\n}\n.sidebar-minimal body {\n margin: 0 20px;\n}\n.sidebar-normal body {\n margin: 0 252px\n}\n.sidebar-large body {\n margin: 0 303px;\n}\n.sidebar-location-right body {\n margin-left: 2px;\n}\n.sidebar-location-left body {\n margin-right: 2px;\n}\nbody.unscroll {\n overflow: hidden;\n}\n.fourchan-ss-sidebar body::before {\n content: '';\n position: fixed;\n top: 0;\n bottom: 0;\n box-sizing: border-box;\n display: block;\n z-index: 0;\n}\n.fourchan-ss-sidebar.sidebar-large body::before {\n width: 306px;\n}\n.fourchan-ss-sidebar.sidebar-normal body::before {\n width: 255px;\n}\n.fourchan-ss-sidebar.sidebar-minimal body::before {\n width: 23px;\n}\n.sidebar-location-right body::before {\n right: 0;\n}\nsidebar-location-left body::before {\n left: 0;\n}\n.fourchan-ss-sidebar.sidebar-location-right body {\n padding-right: 2px;\n}\n.fourchan-ss-sidebar.sidebar-location-left body {\n padding-left: 2px;\n}\nhr {\n clear: both;\n border: 0;\n padding: 0;\n margin: 0 0 1px;\n}\n.hide-horizontal-rules hr {\n visibility: hidden;\n}\nth {\n text-align: left;\n}\n.center {\n text-align: center;\n}\n.disabled {\n opacity: 0.5;\n}\n.pointer {\n cursor: pointer;\n}\n/* Symbols */\n.drop-marker {\n vertical-align: middle;\n display: inline-block;\n margin: 2px 2px 3px;\n border-top: .5em solid;\n border-right: .3em solid transparent;\n border-left: .3em solid transparent;\n}\n.brackets-wrap::before {\n content: \" [\";\n}\n.brackets-wrap::after {\n content: \"] \";\n}\n/* Thread / Reply Nav */\n#navlinks a {\n position: fixed;\n z-index: 12;\n opacity: 0.5;\n display: inline-block;\n border-right: 6px solid transparent;\n border-left: 6px solid transparent;\n margin: 1.5px;\n}\n#navlinks a:first-of-type {\n border-bottom: 11px solid rgb(130,130,130);\n}\n#navlinks a:last-of-type {\n border-top: 11px solid rgb(130,130,130);\n}\n/* Header */\n#header-bar {\n z-index: 6;\n border-width: 1px;\n padding: 0 2px;\n border-style: solid;\n}\n.pagination-sticky-top .pagelist,\n.pagination-sticky-bottom .pagelist,\n#header-bar {\n left: 2px;\n right: 2px;\n}\n.navigation-alignment-center #header-bar {\n text-align: center;\n}\n.navigation-alignment-right #header-bar {\n text-align: right;\n}\n.sidebar-location-left.sidebar-large:not(.pagination-on-side) .pagelist,\n.sidebar-location-left #header-bar {\n left: 303px;\n}\n.sidebar-location-left.sidebar-normal:not(.pagination-on-side) .pagelist,\n.sidebar-location-left #header-bar {\n left: 252px;\n}\n.sidebar-location-left.sidebar-minimal:not(.pagination-on-side):not(.fourchan-ss-navigation) .pagelist,\n.sidebar-location-left.sidebar-minimal:not(.fourchan-ss-navigation) #header-bar {\n left: 20px;\n}\n.sidebar-location-right.sidebar-large:not(.pagination-on-side) .pagelist,\n.sidebar-location-right #header-bar {\n right: 303px;\n}\n.sidebar-location-right.sidebar-normal:not(.pagination-on-side) .pagelist,\n.sidebar-location-right #header-bar {\n right: 252px;\n}\n.sidebar-location-right.sidebar-minimal:not(.pagination-on-side):not(.fourchan-ss-navigation) .pagelist,\n.sidebar-location-right.sidebar-minimal:not(.fourchan-ss-navigation) #header-bar {\n right: 20px;\n}\n.fourchan-ss-navigation .pagelist,\n.fourchan-ss-navigation #header-bar {\n left: 0;\n right: 0;\n border-left: 0;\n border-right: 0;\n border-radius: 0 !important;\n}\n.hide-navigation-decorations #header-bar {\n font-size: 0;\n color: transparent;\n word-spacing: 2px;\n}\n#shortcuts {\n float: right;\n}\n.fixed #header-bar.autohide {\n z-index: 24;\n}\n.fixed #header-bar {\n position: fixed;\n}\n.top #header-bar {\n top: 0;\n border-top-width: 0;\n}\n.rounded-edges.top #header-bar {\n border-radius: 0 0 3px 3px;\n}\n.fixed.bottom #header-bar {\n bottom: 0;\n border-bottom-width: 0;\n}\n.rounded-edges.bottom #header-bar {\n border-radius: 3px 3px 0 0;\n}\n.hide #header-bar {\n position: fixed;\n top: 110%;\n bottom: auto;\n}\n/* Header Autohide */\n.fixed #header-bar.autohide:not(:hover) {\n box-shadow: none;\n transition: all .8s .6s cubic-bezier(.55, .055, .675, .19);\n}\n.fixed.top #header-bar.autohide:not(:hover) {\n margin-bottom: -1em;\n -webkit-transform: translateY(-100%);\n}\n.fixed.bottom #header-bar.autohide:not(:hover) {\n -webkit-transform: translateY(100%);\n}\n#scroll-marker {\n left: 0;\n right: 0;\n height: 10px;\n position: absolute;\n}\n#header-bar #scroll-marker {\n display: none;\n}\n.fixed #header-bar #scroll-marker {\n display: block;\n}\n.fixed.top header-bar #scroll-marker {\n top: 100%;\n}\n.fixed.bottom #header-bar #scroll-marker {\n bottom: 100%;\n}\n/* Notifications */\n#notifications {\n position: fixed;\n top: 0;\n text-align: center;\n right: 0;\n left: 0;\n transition: all .8s .6s cubic-bezier(.55, .055, .675, .19);\n}\n.fixed.top #header-bar #notifications {\n position: absolute;\n top: 100%;\n}\n.notification {\n color: #fff;\n font-weight: 700;\n text-shadow: 0 1px 2px rgba(0, 0, 0, .5);\n box-shadow: 0 1px 2px rgba(0, 0, 0, .15);\n border-radius: 2px;\n margin: 1px auto;\n width: 500px;\n max-width: 100%;\n position: relative;\n transition: all .25s ease-in-out;\n}\n.notification.error {\n background-color: hsla(0, 100%, 38%, .9);\n}\n.notification.warning {\n background-color: hsla(36, 100%, 38%, .9);\n}\n.notification.info {\n background-color: hsla(200, 100%, 38%, .9);\n}\n.notification.success {\n background-color: hsla(104, 100%, 38%, .9);\n}\n.notification a {\n color: #fff;\n}\n.notification > .close {\n padding: 6px;\n top: 0;\n right: 5px;\n position: absolute;\n color: #fff;\n}\n.message {\n box-sizing: border-box;\n padding: 6px 20px;\n max-height: 200px;\n width: 100%;\n overflow: auto;\n}\n/* Updater / Thread Stats */\n.float #thread-stats,\n.float #updater {\n position: fixed;\n}\n#update-status.new::after {\n content: ', ';\n}\n/* Pagination */\n.pagelist {\n border-style: solid;\n border-width: 1px;\n z-index: 6;\n}\n.pagination-alignment-center .pagelist {\n text-align: center;\n}\n.pagination-alignment-right .pagelist {\n text-align: right;\n}\n.pagination-sticky-top .pagelist {\n position: fixed;\n top: 0;\n border-top-width: 0;\n}\n.pagination-sticky-bottom .pagelist {\n position: fixed;\n bottom: 0;\n border-bottom-width: 0;\n}\n.pagination-top .pagelist {\n position: static;\n border-top-width: 0;\n}\n.pagination-bottom .pagelist {\n position: static;\n}\n.pagination-top.rounded-edges .pagelist,\n.pagination-sticky-top.rounded-edges .pagelist {\n border-radius: 0 0 3px 3px;\n}\n.pagination-bottom.rounded-edges .pagelist,\n.pagination-sticky-bottom.rounded-edges .pagelist {\n border-radius: 3px 3px 0 0;\n}\n.pagination-hide .pagelist {\n display: none;\n}\n.pagination-on-side .pagelist {\n position: fixed;\n padding: 0;\n top: auto;\n bottom: 0.5em;\n margin: 0;\n background: none transparent !important;\n border: 0 none !important;\n text-align: right;\n}\n.pagination-on-side.post-form-style-fixed.show-post-form-header .pagelist {\n bottom: 23.1em;\n}\n.pagination-on-side.post-form-style-fixed .pagelist {\n bottom: 21.6em;\n}\n.sidebar-location-left.pagination-on-side .pagelist {\n -webkit-transform: rotate(-90deg);\n -webkit-transform-origin: bottom left;\n}\n\n.sidebar-location-right.pagination-on-side .pagelist {\n -webkit-transform: rotate(90deg);\n -webkit-transform-origin: bottom right;\"\n}\n.sidebar-location-right.sidebar-large.pagination-on-side .pagelist {\n left: auto;\n right: 301px;\n}\n.sidebar-location-left.sidebar-large.pagination-on-side .pagelist {\n right: auto;\n left: 301px;\n}\n.sidebar-location-right.sidebar-normal.pagination-on-side .pagelist {\n left: auto;\n right: 246px;\n}\n.sidebar-location-left.sidebar-normal.pagination-on-side .pagelist {\n right: auto;\n left: 246px;\n}\n.sidebar-location-right.sidebar-minimal.pagination-on-side .pagelist {\n left: auto;\n right: 246px;\n}\n.sidebar-location-left.sidebar-minimal.pagination-on-side .pagelist {\n right: auto;\n left: 18px;\n}\n.hide-navigation-decorations .pagelist {\n font-size: 0;\n color: transparent;\n word-spacing: 0;\n}\n.pagelist input,\n.pagelist div {\n vertical-align: middle;\n}\n.hide-navigation-decorations .pages a {\n margin: 0 1px;\n}\n.next,\n.pages,\n.prev {\n display: inline-block;\n margin: 0 3px;\n}\n/* Icons */\n.icons-4chan-ss #navtopright .exlinksOptionsLink::after,\n.icons-4chan-ss #main-menu,\n.icons-4chan-ss .navLinks > a:first-of-type::after,\n.icons-4chan-ss #watcher::after,\n.icons-4chan-ss #globalMessage::after,\n.icons-4chan-ss #boardNavDesktopFoot::after,\n.icons-4chan-ss #img-controls,\n.icons-4chan-ss #catalog::after,\n.icons-4chan-ss #fappeTyme {\n background-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAACWCAMAAAA2YSLzAAAAPFBMVEVkZGRlZWVjY2NmZmZnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dZxmG7AAAAE3RSTlMFFQ0AJD8eQFRqf5CgssDM4+73gHqZRAAAA0pJREFUSMetVlmy5CgMZDMGxK7737Ulgcu8ejMREzHtD7sShJRaKWV/Psq3iz7QGwTF2BZ01hp3N6yasctZJANiN5ZlItDLtNkQDGNeMLU7EqmCbUwhkhZbwsIuNbyWPX7dIyHOrDYOc8SOiEUJjojN0EsWlCXRrq2qvJCsIjic2OcFrwrOpdmTimqVyWG7ZkrWy97p7z/hACd2FUetBcQDpTN+nuKsGng881L5xOz/VQ88xL/eQkyZT3axp+4dUMwvH0Pnhn6wSyR+8IdR4f43/v8XX1BHjXpjwy5RdEcQ7DiuzlBUsFD+GeIFEy6W0pKXoSZOiUz5tf99nvTDD/1sP9VRPvb/un86lT57SVqwSk8KR+L6kgTOlcZslRQe5WmJRKovETW7Anb+HzxUW4Xgnv11fuuj82aKXHz1Tzztx9v4VA9+/6le26B+3VhTC9RMPIr0qx4zaWNsnFRO0s8FWgEIFIRiVUAIlJGciqMmCwpQWyI/OplXA1RrXG1YI2svTQ3ufhWjNlKFqtXFI7Yg+zAXRcBZ+HygJuVHd0ys35bVn6QojLL5cZeVvPht/mVu/r/8s7GMXsLjv2s71GZhgjnEwsEVXogiSl/pl7LWra0IQgO3poTsieoYd4dhWfJlGWqyQf6sLxWt3/MRa4Im04ixeSdAWnxvqCX6tObVmzpZOPOZvrBNJF8gmGciBChsV+YdRYwnAvNpS4AnYFBm0KA2a35Unh+efxjercaLfV7wW0rtUTNl2j715al/9VtfutF+NZ/+aZSa+py/GCpRyvr17EsVLbRhmN++BBY/ik5/+YPK6bKnf2T8fh7P+uEYn0D3E4L3i6QHmvc3+k+8PN6Mb1w52tje6LbAi+M0FT4YneqVbpVDPnL2Xqx7m3tf9ENXHba9H/a/+X3z/+XfCnOo+Zy/o4SgY5Z6iq0nb+9Mc4JxL5f1qYs+xhTP/uiX/cMe4+hDHAfGnmGe+Ev+G88vnG7Ie20wHiUt/S1Kv+6BCM/9fkEfz73/9HNufQ4ZKdzvnwtS/LXltRcJB/yJ23H/mo89nPFa85Li3XOYu435LwTXKVWwO+cnlWFTB47L/AdfR//KI2bvF8sAb0c/M+1+YE3/oS77B8N+UUVHraV6AAAAAElFTkSuQmCC\");\n}\n.icons-oneechan #navtopright .exlinksOptionsLink::after,\n.icons-oneechan #main-menu,\n.icons-oneechan .navLinks > a:first-of-type::after,\n.icons-oneechan #watcher::after,\n.icons-oneechan #globalMessage::after,\n.icons-oneechan #boardNavDesktopFoot::after,\n.icons-oneechan #img-controls,\n.icons-oneechan #catalog::after,\n.icons-oneechan #fappeTyme {\n background-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAACWCAMAAAA2YSLzAAAAPFBMVEVoaGhqampeXl5sbGxsbGxra2tsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGzXmsRLAAAAE3RSTlMAEAYnHBg2QExbcYaWqM++2+z4BMdvAwAAAtVJREFUSMfFVgmu3CAMhYRPAmb3/e9aL5Bl2kptVbXWSOSBsY15NmOMMZs1KnNExC+ezgV4MBtNMIw58+qX2REtQwiifdC6hwlNQBGfUlBzc+KYkP3IxH5hNvicCPXrMfEVi3ts2WrzaiN6jie2OI2GXbBfXiA/XPyexPpEHrHdyDV8YAt6vEYCVpJ3S7rXAZKkkfbnuR8Uk/32xsac6Y01La2ZfyIh1VrX9Rnfu5ygd6/XeQAGFxACkopDb3mkeXug48x5FCKhNzW+1j2t8/5EEwHTIfPm6G3aP37o/w/ir3QZ2V/xY0spdSxWL7MrLU7slmnDSY0UrH6CBJ/wFI3TNGECCDY9G4xmrpDkZvQMJ4q31EzLQuhipr7ag8ueFa+hUQy2d43nnPGg7NopHTUVyYlWpE+lUT4qfhDCnLpzB8oXLLJb4leptD/JblswOaZd0gRkDV0cJi69NNOUaclRpG6S1NPdRVPLjI3VSjWV8+FmaARknTxqfipl0tGR1DXvd0h251Ww/ZlaNQoaX3bqUS+IK6ZX4hysvuQinS+6n9638/6BbK4RLi6R11O8rPS4OnO66KHtw6yK96BWrg5QxDGcVzcoB8cYb/dE1zPO6C+pHxN0Ttw/JtJrx55+oV9Jq+ScF22IfBWDD+sHfTnBmKlpS99hPGSC4SBsi+dP3p0PjVBVedMdO3WoG57cAEbYVNkRHFROIzjYuGjoM7LOaEQKbtQjkuo5hCSMmezaNq3Gl6TE5J3ZLMu26SjpPJZo4h/9FJhT4JQJzjFXD7x54fBgzO9RvDH9Vl5vHIetcGHct1apLh/6gU3c2PYy5rrYh7a1NP29/H/G9xn/d+f7FNVcw9/H/9sf8ymXPnqdDd7Wx3OpzWRJuP8+iMTFe7wZq48Tce7QciNetUzku+pT/t4UHK/iIq2yPR/8y/315M/rWl1A/sM83phVh6+aeZY39OLNN4Y0P2GdHOWPAAAAAElFTkSuQmCC\");\n}\n/* Banner & Board Title */\n.boardBanner {\n line-height: 0;\n}\n.faded-4chan-banner .boardBanner {\n opacity: 0.5;\n transition: opacity 0.3s ease-in-out .5s;\n}\n.faded-4chan-banner .boardBanner:hover {\n opacity: 1;\n transition: opacity 0.3s ease-in;\n}\n/* From 4chan SS / OneeChan */\n\n.fourchan-banner-reflection #Banner {\n -webkit-box-reflect: below 0 -webkit-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,0) 10%, rgba(255,255,255,.5));\n}\n\n.fourchan-banner-at-sidebar-top .boardBanner,\n.fourchan-banner-at-sidebar-bottom .boardBanner,\n.fourchan-banner-at-sidebar-bottom .boardBanner {\n position: fixed;\n}\n.fourchan-banner-at-sidebar-top .boardBanner {\n top: 16px;\n}\n.fourchan-banner-at-sidebar-bottom .boardBanner {\n bottom: 270px;\n}\n.fourchan-banner-under-post-form .boardBanner {\n bottom: 130px;\n}\n.board-title-at-sidebar-top.sidebar-location-right #boardTitle,\n.board-title-at-sidebar-bottom.sidebar-location-right #boardTitle,\n.board-title-under-post-form.sidebar-location-right #boardTitle,\n.fourchan-banner-at-sidebar-top.sidebar-location-right .boardBanner,\n.fourchan-banner-at-sidebar-bottom.sidebar-location-right .boardBanner,\n.fourchan-banner-under-post-form.sidebar-location-right .boardBanner {\n right: 2px;\n}\n.board-title-at-sidebar-top.sidebar-location-left #boardTitle,\n.board-title-at-sidebar-bottom.sidebar-location-left #boardTitle,\n.board-title-under-post-form.sidebar-location-left #boardTitle,\n.fourchan-banner-at-sidebar-top.sidebar-location-left .boardBanner,\n.fourchan-banner-at-sidebar-bottom.sidebar-location-left .boardBanner,\n.fourchan-banner-under-post-form.sidebar-location-left .boardBanner {\n left: 2px;\n}\n.board-title-at-sidebar-top #boardTitle,\n.board-title-at-sidebar-bottom #boardTitle,\n.board-title-under-post-form #boardTitle,\n.fourchan-banner-at-sidebar-top .boardBanner img,\n.fourchan-banner-at-sidebar-bottom .boardBanner img,\n.fourchan-banner-under-post-form .boardBanner img {\n width: 248px;\n}\n.board-title-at-sidebar-top.sidebar-large #boardTitle,\n.board-title-at-sidebar-bottom.sidebar-large #boardTitle,\n.board-title-under-post-form.sidebar-large #boardTitle,\n.fourchan-banner-at-sidebar-top.sidebar-large .boardBanner img,\n.fourchan-banner-at-sidebar-bottom.sidebar-large .boardBanner img,\n.fourchan-banner-under-post-form.sidebar-large .boardBanner img {\n width: 299px;\n}\n.fourchan-banner-at-top .boardBanner {\n position: relative;\n display: table;\n margin: 12px auto;\n text-align: center;\n}\n:root:not(.board-subtitle) .boardSubtitle,\n.board-title-hide #boardTitle,\n.fourchan-banner-hide .boardBanner {\n display: none;\n}\n#boardTitle {\n text-align: center;\n z-index: 4;\n}\n.board-title-at-sidebar-top #boardTitle,\n.board-title-at-sidebar-bottom #boardTitle,\n.board-title-under-post-form #boardTitle {\n position: fixed;\n}\n.board-title-at-sidebar-top.fourchan-banner-at-sidebar-top.sidebar-large #boardTitle {\n top: 121px;\n}\n.board-title-at-sidebar-top.fourchan-banner-at-sidebar-top #boardTitle {\n top: 104px;\n}\n.board-title-at-sidebar-top #boardTitle {\n top: 40px;\n}\n.board-title-at-sidebar-bottom #boardTitle {\n bottom: 280px;\n}\n.board-title-under-post-form #boardTitle {\n bottom: 140px;\n}\n/* Hover UI */\n.move {\n cursor: pointer;\n}\n#ihover {\n position: fixed;\n max-height: 97%;\n max-width: 75%;\n padding: 10px;\n z-index: 22;\n}\n#qp {\n position: fixed;\n z-index: 22;\n}\n#qp .postMessage::after {\n clear: both;\n display: block;\n content: \"\";\n}\n#qp .full-image {\n max-height: 300px;\n max-width: 500px;\n}\n#menu {\n position: fixed;\n outline: none;\n z-index: 22;\n}\n/* Image Expansion */\n.fit-width .full-image {\n max-width: 100%;\n width: 100%;\n}\n.images-overlap-post-form .full-image {\n position: relative;\n z-index: 21;\n}\n/* Delete Buttons */\n.hide-delete-ui .deleteform,\n.hide-delete-ui .post:not(#exlinks-options) .rice {\n display: none;\n}\n.hide-delete-ui .postInfo {\n padding: 0 0 0 3px;\n}\n.deleteform {\n position: fixed;\n z-index: 18;\n width: 0;\n bottom: 0;\n right: 0;\n border-width: 1px 0 0 1px;\n border-style: solid;\n font-size: 0;\n color: transparent;\n}\n.deleteform:hover {\n width: auto;\n}\n.deleteform::before {\n z-index: 18;\n border-width: 1px 0 0 1px;\n border-style: solid;\n content: '✖';\n display: block;\n position: fixed;\n bottom: 0;\n right: 0;\n box-sizing: border-box;\n height: 1.6em;\n width: 1.4em;\n text-align: center;\n}\n.deleteform:hover::before {\n display: none;\n}\n.deleteform input {\n margin: 0 1px 0 0;\n}\n/* Slideout Navigation */\n#boardNavDesktopFoot {\n position: fixed;\n text-align: center;\n font-size: 0;\n color: transparent;\n overflow: hidden;\n box-sizing: border-box;\n width: 248px;\n}\n.sidebar-large #boardNavDesktopFoot {\n width: 299px;\n}\n.sidebar-location-right #boardNavDesktopFoot {\n right: 2px;\n}\n.sidebar-location-left #boardNavDesktopFoot {\n left: 2px;\n}\n#boardNavDesktopFoot:hover {\n overflow-y: auto;\n padding: 2px;\n}\n#boardNavDesktopFoot:not(:hover) {\n border-color: transparent;\n background-color: transparent;\n height: 0;\n overflow: hidden;\n padding: 0;\n border: 0 none;\n}\n.slideout-navigation-compact #boardNavDesktopFoot {\n word-spacing: 1px;\n}\n.slideout-navigation-list #boardNavDesktopFoot a {\n display: block;\n}\n.slideout-navigation-list #boardNavDesktopFoot:hover {\n max-height: 400px;\n}\n.slideout-navigation-list #boardNavDesktopFoot a::after {\n content: ' - ' attr(title);\n}\n.slideout-navigation-list #boardNavDesktopFoot a[href*='//boards.4chan.org/']::after,\n.slideout-navigation-list #boardNavDesktopFoot a[href*='//rs.4chan.org/']::after {\n content: '/ - ' attr(title);\n}\n.slideout-navigation-list #boardNavDesktopFoot a[href*='//boards.4chan.org/']::before,\n.slideout-navigation-list #boardNavDesktopFoot a[href*='//rs.4chan.org/']::before {\n content: '/';\n}\n.slideout-navigation-hide #boardNavDesktopFoot {\n display: none;\n}\n/* Watcher */\n#watcher {\n position: fixed;\n z-index: 14;\n padding: 2px;\n}\n#watcher {\n width: 200px;\n}\n#watcher:not(:hover) {\n max-height: 200px;\n overflow: hidden;\n}\n.rounded-edges #watcher {\n border-radius: 3px;\n}\n#watcher > div {\n max-height: 1.3em;\n overflow: hidden;\n}\n.slideout-watcher #watcher {\n box-sizing: border-box;\n width: 248px;\n}\n.slideout-watcher.sidebar-large #boardNavDesktopFoot {\n width: 299px;\n}\n.slideout-watcher.sidebar-location-right #watcher {\n left: auto !important;\n right: 2px !important;\n}\n.slideout-watcher.sidebar-location-left #watcher {\n right: auto !important;\n left: 2px !important;\n}\n.slideout-watcher #watcher .move {\n cursor: default;\n}\n.slideout-watcher.underline-links #watcher .move {\n text-decoration: underline;\n}\n.slideout-watcher #watcher > div {\n overflow: hidden;\n}\n.slideout-watcher #watcher:hover {\n overflow-y: auto;\n}\n.slideout-watcher #watcher:not(:hover) {\n height: 0;\n overflow: hidden;\n border: 0 none;\n padding: 0;\n}\n.watch-thread-link {\n padding-top: 18px;\n width: 18px;\n height: 0px;\n display: inline-block;\n background-repeat: no-repeat;\n opacity: 0.2;\n position: relative;\n top: 1px;\n}\n.watch-thread-link.watched {\n opacity: 1;\n}\n/* Announcements */\n#globalMessage {\n text-align: center;\n}\n.rounded-edges #globalMessage {\n border-radius: 3px;\n}\n.announcements-slideout #globalMessage {\n position: fixed;\n padding: 2px;\n width: 248px;\n}\n.announcements-slideout.sidebar-location-right #globalMessage {\n left: auto;\n right: 2px;\n}\n.announcements-slideout.sidebar-location-left #globalMessage {\n right: auto;\n left: 2px;\n}\n.announcements-slideout.sidebar-large #globalMessage {\n width: 299px;\n}\n.announcements-slideout #globalMessage h3 {\n margin: 0;\n}\n.announcements-slideout #globalMessage:hover {\n box-sizing: border-box;\n overflow-y: auto;\n}\n.announcements-slideout #globalMessage:not(:hover) {\n height: 0;\n overflow: hidden;\n padding: 0;\n border: 0 none;\n}\n.announcements-hide #globalMessage {\n display: none !important;\n}\n/* Threads */\n#threads,\n.rounded-edges .board > .thread {\n border-radius: 4px;\n}\n/* Thread Clearfix */\n.thread > .threadContainer:last-of-type::after,\n.thread > .postContainer:last-of-type::after {\n display: block;\n content: ' ';\n clear: both;\n}\n/* Posts */\n.expanding {\n opacity: .5;\n}\n.fileText:hover .fntrunc,\n.fileText:not(:hover) .fnfull,\n.expanded-image > .post > .file > .fileThumb > img[data-md5],\n.post > .file > .fileThumb > .full-image {\n display: none;\n}\n.expanded-image > .post > .file > .fileThumb > .full-image {\n display: block;\n}\n.thread > .replyContainer:last-of-type .post {\n margin-bottom: 0;\n}\n.menu-button {\n position: relative;\n}\n.stub .menu-button,\n.post .menu-button,\n.hide-thread-button,\n.show-thread-button span,\n.hide-reply-button,\n.show-reply-button span {\n float: right;\n}\n.post .menu-button,\n.hide-thread-button,\n.hide-reply-button {\n margin: 0 3px;\n opacity: 0;\n transition: opacity .3s ease-out 0s;\n}\n.post:hover .hide-reply-button,\n.post:hover .menu-button,\n.post:hover .hide-thread-button,\n.hidden_thread .hide-thread-button,\n.hidden_thread .menu-button,\n.inline .hide-reply-button,\n.inline .menu-button {\n opacity: 1;\n}\n.hidden_thread {\n text-align: right;\n}\n.color-user-ids .posteruid .hand {\n padding: .1em .3em;\n border-radius: 1em;\n font-size: 80%;\n}\n.postInfo > span {\n vertical-align: bottom;\n}\n.bolds .subject,\n.bolds .name {\n font-weight: 600;\n}\n.italics .postertrip {\n font-style: italic;\n}\n.underline-links .replylink {\n text-decoration: underline;\n}\n.fileInfo {\n padding: 0 3px;\n}\n.fileThumb {\n float: left;\n margin: 3px 20px;\n outline: none;\n}\n.reply.post {\n box-sizing: border-box;\n display: inline-block;\n}\n.fit-width-replies .reply.post {\n display: block;\n overflow: hidden;\n}\n.fit-width-replies .expanded-image .reply.post,\n.fit-width-replies .hasInline .reply.post {\n width: 100%;\n}\n.indent-replies #unread-line,\n.indent-replies .thread > .replyContainer,\n.indent-replies .threadContainer > .replyContainer {\n margin-left: 2em;\n}\n.expanded-image .reply.post,\n.hasInline .reply.post {\n display: inline-block;\n overflow: visible;\n clear: both;\n}\n.rounded-edges .post {\n border-radius: 3px;\n}\n.spoiler,\ns {\n text-decoration: none;\n}\n/* Reply Clearfix */\n.reply.post .postMessage {\n clear: right;\n}\n.op-background .op.post .postMessage::after,\n.force-reply-break .op.post .postMessage::after {\n display: block;\n content: ' ';\n clear: both;\n}\n/* OP */\n.favicon {\n vertical-align: bottom;\n}\n.op-background .op.post {\n box-sizing: border-box;\n}\n/* Summary */\n.force-reply-break .summary {\n clear: both;\n}\n/* Inlined */\n.inline {\n margin: 2px 8px 2px 2px;\n}\n.post .inline {\n margin: 2px;\n}\n.inline .replyContainer {\n display: inline-block;\n}\n/* Inlined Clearfix */\n.inline .postMessage::after {\n clear: both;\n display: block;\n content: \"\";\n}\n/* Quotes */\n.inlined {\n opacity: .5;\n}\n.underline-links .quotelink {\n text-decoration: underline;\n}\n.filtered,\n.quotelink.filtered {\n text-decoration: line-through !important;\n}\n.inline + .hashlink {\n display: none;\n}\n/* Quote Threading */\n.threadContainer {\n padding-left: 2em;\n border-left: 1px solid;\n}\n.indent-replies .threadContainer {\n margin-left: 2em;\n padding-left: 0;\n}\n.threadOP {\n clear: both;\n}\n/* Backlinks */\n.underline-links .forwardlink,\n.underline-links .backlink {\n text-decoration: underline;\n}\n.backlink.dead {\n text-decoration: none;\n}\n.filtered-backlinks .filtered.backlink {\n display: none;\n}\n.backlinks-position-lower-left .container,\n.backlinks-position-lower-right .container {\n max-width: 100%;\n padding: 0 5px;\n}\n.backlinks-position-lower-left .reply.quoted,\n.backlinks-position-lower-right .reply.quoted {\n position: relative;\n padding-bottom: 1.7em;\n}\n.backlinks-position-lower-left .inline .reply.quoted,\n.backlinks-position-lower-right .inline .reply.quoted,\n.backlinks-position-lower-right #qp .reply.quoted,\n.backlinks-position-lower-left #qp .reply.quoted {\n position: static;\n padding-bottom: 0;\n}\n.backlinks-position-lower-right .reply .container,\n.backlinks-position-lower-left .reply .container {\n position: absolute;\n bottom: 0;\n padding: 0 5px;\n}\n.backlinks-position-lower-left .reply .container {\n left: 0;\n}\n.backlinks-position-lower-right .reply .container {\n right: 0;\n}\n.backlinks-position-lower-right .container::before,\n.backlinks-position-lower-left .reply .container::before {\n content: 'REPLIES: ';\n}\n.container:empty {\n display: none;\n}\n.backlinks-position-lower-left #qp .container,\n.backlinks-position-lower-left .inline .container,\n.backlinks-position-lower-right .inline .container,\n.backlinks-position-lower-right #qp .container {\n position: static;\n max-width: 100%;\n}\n.backlinks-position-lower-left #qp .container::before,\n.backlinks-position-lower-left .inline .container::before,\n.backlinks-position-lower-right #qp .container::before,\n.backlinks-position-lower-right .inline .container::before {\n content: '';\n}\n.backlinks-position-lower-right .inline .container {\n float: none;\n}\n/* Fixes text spoilers */\n.remove-spoilers.indicate-spoilers .spoiler::before,\n.remove-spoilers.indicate-spoilers s::before {\n content: '[spoiler]';\n}\n.remove-spoilers.indicate-spoilers .spoiler::after,\n.remove-spoilers.indicate-spoilers s::after {\n content: '[/spoiler]';\n}\n:root:not(.remove-spoilers) .spoiler:not(:hover) *,\n:root:not(.remove-spoilers) s:not(:hover) * {\n color: rgb(0,0,0) !important;\n text-shadow: none !important;\n}\n:root:not(.remove-spoilers) spoiler:not(:hover),\n:root:not(.remove-spoilers) s:not(:hover) {\n background-color: rgb(0,0,0);\n color: rgb(0,0,0) !important;\n text-shadow: none !important;\n}\n/* Code */\n.prettyprint {\n box-sizing: border-box;\n font-family: monospace;\n display: inline-block;\n margin-right: auto;\n white-space: pre-wrap;\n border-radius: 2px;\n overflow-x: auto;\n padding: 3px;\n max-width: 100%;\n}\n/* Menu */\n.entry {\n border-bottom: 1px solid rgba(0,0,0,.25);\n cursor: pointer;\n display: block;\n outline: none;\n padding: 3px 1em 3px 7px;\n position: relative;\n text-decoration: none;\n white-space: nowrap;\n}\n.entry:last-child {\n border-bottom: 0;\n}\n.has-submenu::after {\n content: \"\";\n border-left: .5em solid;\n border-top: .3em solid transparent;\n border-bottom: .3em solid transparent;\n display: inline-block;\n margin: .3em;\n position: absolute;\n right: 0;\n}\n.submenu {\n display: none;\n position: absolute;\n top: -1px;\n}\n.focused .submenu {\n display: block;\n}\n/* Stubs */\n.fit-width-replies .stub {\n display: block;\n text-align: right;\n}\n/* Element Replacing: */\n/* Checkboxes */\n.rice {\n cursor: pointer;\n width: 9px;\n height: 9px;\n margin: 2px 3px 3px;\n display: inline-block;\n vertical-align: bottom;\n}\ninput[type=checkbox]:checked + .rice {\n position: relative;\n}\ninput[type=checkbox]:checked + .rice::after {\n content: \"\";\n display: block;\n width: 4px;\n height: 10px;\n border-width: 0 3px 3px 0;\n border-style: solid;\n -webkit-transform: rotate(45deg);\n position: absolute;\n left: 2px;\n bottom: -1px;\n}\n.rounded-edges .rice {\n border-radius: 2px;}\n}\n.circle-checkboxes .rice {\n border-radius: 6px;}\n}\ninput:checked + .rice {\n background-attachment: scroll;\n background-repeat: no-repeat;\n background-position: bottom right;\n}\n/* Selects */\n.selectrice {\n position: relative;\n cursor: default;\n overflow: hidden;\n text-align: left;\n}\n#settings .selectrice {\n display: inline-block;\n}\n.selectrice::after {\n content: \"\";\n border-right: .25em solid transparent;\n border-left: .25em solid transparent;\n position: absolute;\n right: .4em;\n top: .5em;\n}\n.selectrice::before {\n content: \"\";\n height: 1.6em;\n position: absolute;\n right: 1.3em;\n top: 0;\n}\n/* Select Dropdown */\n#selectrice {\n padding: 0;\n margin: 0;\n position: fixed;\n max-height: 120px;\n overflow-y: auto;\n overflow-x: hidden;\n z-index: 32;\n}\n#selectrice:empty {\n display: none;\n}\n/* Post Form Shortcut */\n.qr-shortcut.on-page {\n font-size: 250%;\n}\n/* Post Form */\n#qr {\n z-index: 20;\n position: fixed;\n background: none;\n border: none;\n}\n.qr-wrapper {\n padding: 1px;\n min-width: 248px;\n background: transparent;\n border: 1px solid transparent;\n}\n.sidebar-large #qr {\n min-width: 299px;\n}\n.rounded-edges #qr,\n.rounded-edges #qrtab {\n border-radius: 3px 3px 0 0;\n}\n.post-form-style-fixed #qr {\n top: auto !important;\n}\n.sidebar-location-left:not(.post-form-style-float) #qr {\n left: 0 !important;\n right: auto !important;\n}\n.sidebar-location-right:not(.post-form-style-float) #qr {\n right: 0 !important;\n left: auto !important;\n}\n:root:not(.post-form-style-float) #qr {\n bottom: 0 !important;\n}\n.fourchan-ss-navigation.fixed.bottom:not(.post-form-style-float) #qr,\n.fourchan-ss-navigation.index.pagination-sticky-bottom:not(.post-form-style-float) #qr {\n bottom: 1.5em !important;\n}\n.post-form-style-slideout #qr {\n top: auto !important;\n}\n.post-form-style-slideout.sidebar-location-left #qr {\n -webkit-transform: translateX(-93%);\n}\n.post-form-style-slideout.sidebar-location-right #qr {\n -webkit-transform: translateX(93%);\n}\n.post-form-style-slideout #qr:hover,\n.post-form-style-slideout #qr.has-focus,\n.post-form-style-slideout #qr.dump {\n -webkit-transform: translate(0);\n}\n.post-form-style-tabbed-slideout #qr {\n top: auto !important;\n}\n.post-form-style-tabbed-slideout.sidebar-location-left #qr {\n -webkit-transform: translateX(-100%);\n}\n.post-form-style-tabbed-slideout.sidebar-location-right #qr {\n -webkit-transform: translateX(100%);\n}\n.post-form-style-tabbed-slideout #qr:hover,\n.post-form-style-tabbed-slideout #qr.has-focus,\n.post-form-style-tabbed-slideout #qr.dump {\n -webkit-transform: translateX(0);\n}\n.post-form-style-tabbed-slideout #qrtab {\n position: absolute;\n top: 0;\n width: 120px;\n text-align: center;\n border-width: 1px 1px 0 1px;\n cursor: default;\n}\n.post-form-style-tabbed-slideout.sidebar-location-left #qrtab {\n -webkit-transform: rotate(90deg);\n -webkit-transform-origin: bottom right;\n left: 100%;\n}\n.post-form-style-tabbed-slideout.sidebar-location-right #qrtab {\n -webkit-transform: rotate(-90deg);\n -webkit-transform-origin: bottom right;\n right: 100%;\n}\n.post-form-style-tabbed-slideout #qr:hover #qrtab,\n.post-form-style-tabbed-slideout #qr.has-focus #qrtab,\n.post-form-style-tabbed-slideout #qr.dump #qrtab {\n opacity: 0 !important;\n}\n.post-form-style-slideout #qrtab input,\n.post-form-style-slideout #qrtab .rice,\n.post-form-style-tabbed-slideout #qrtab input,\n.post-form-style-tabbed-slideout #qrtab .close,\n.post-form-style-tabbed-slideout #qrtab .rice,\n.post-form-style-tabbed-slideout #qrtab span {\n display: none;\n}\n.post-form-style-tabbed-slideout #qrtab .selectrice {\n text-align: center;\n}\n.transparent-post-form .qr-wrapper {\n opacity: 0.2;\n transition: opacity .3s ease-in-out 1s;\n}\n.transparent-post-form #qr:hover .qr-wrapper,\n.transparent-post-form #qr.has-focus .qr-wrapper,\n.transparent-post-form #qr.dump .qr-wrapper {\n opacity: 1;\n transition: opacity .3s linear;\n}\n:root:not(.show-post-form-header):not(.post-form-style-float):not(.post-form-tabbed-slideout) #qrtab,\n.post-form-style-float .autohide:not(:hover):not(.has-focus) form,\n.show-post-form-header.post-form-style-fixed .autohide:not(:hover):not(.has-focus) form {\n display: none !important;\n}\n:root:not(.post-form-style-tabbed-slideout) #qrtab {\n margin-bottom: 1px;\n}\n#qr.autohide:not(:hover):not(.has-focus) #qrtab {\n margin-bottom: 0;\n}\n.post-form-slideout-transitions.post-form-style-slideout #qr,\n.post-form-slideout-transitions.post-form-style-tabbed-slideout #qr {\n transition: -webkit-transform .3s ease-in-out 1s;\n}\n.post-form-slideout-transitions.post-form-style-tabbed-slideout #qr.dump,\n.post-form-slideout-transitions.post-form-style-tabbed-slideout #qr:hover,\n.post-form-slideout-transitions.post-form-style-tabbed-slideout #qr.has-focus,\n.post-form-slideout-transitions.post-form-style-slideout #qr.dump,\n.post-form-slideout-transitions.post-form-style-slideout #qr:hover,\n.post-form-slideout-transitions.post-form-style-slideout #qr.has-focus {\n transition: -webkit-transform .3s linear;\n}\n.post-form-slideout-transitions #qrtab {\n transition: opacity .3s ease-in-out 1s;\n}\n.post-form-slideout-transitions #qr:hover #qrtab {\n transition: opacity .3s linear;\n}\n#qr .close {\n float: right;\n padding: 0 3px;\n}\n#qr .warning {\n min-height: 1.6em;\n vertical-align: middle;\n padding: 0 1px;\n border-width: 1px;\n border-style: solid;\n}\n.persona {\n width: 248px;\n max-width: 100%;\n min-width: 100%;\n}\n.persona input.field {\n width: 100%;\n}\n#qr textarea.field {\n height: 11.6em;\n min-height: 6em;\n}\n#qr.has-captcha textarea.field {\n height: 6em;\n}\n.compact-post-form-inputs .persona input.field {\n width: 33%;\n}\n.compact-post-form-inputs .persona input.field:first-child {\n margin: 0;\n}\n.compact-post-form-inputs .persona input.field {\n margin: 0 0 0 0.5%;\n}\n.compact-post-form-inputs #qr textarea.field {\n height: 14.9em;\n min-height: 9em;\n}\n.compact-post-form-inputs #qr.has-captcha textarea.field {\n height: 9em;\n}\n.tripcode-hider .tripped:not(:hover):not(:focus) {\n color: transparent !important;\n}\n.textarea-resize-horizontal #qr textarea {\n resize: horizontal;\n}\n.textarea-resize-vertical #qr textarea {\n resize: vertical;\n}\n.textarea-resize-both #qr textarea {\n resize: both;\n}\n.textarea-resize-none #qr textarea {\n resize: none;\n}\n.captcha-img {\n margin: 1px 0 0;\n text-align: center;\n line-height: 0;\n}\n.captcha-img img {\n width: 100%;\n height: 4em;\n width: 246px;\n}\n.captcha-input {\n width: 100%;\n margin: 1px 0 0;\n}\n.field,\n.selectrice,\nbutton,\ninput:not([type=radio]) {\n box-sizing: border-box;\n height: 1.6em;\n margin: 1px 0 0;\n vertical-align: bottom;\n padding: 0 1px;\n outline: none;\n}\n.selectrice {\n padding-right: 1.6em;\n}\n#qr textarea {\n min-width: 100%;\n}\n#qr [type='submit'] {\n width: 25%;\n}\n[type='file'] {\n position: absolute;\n opacity: 0;\n z-index: -1;\n}\n/* Fake File Input */\n#qr-filename,\n#qr-filerm,\n.has-file #qr-no-file {\n display: none;\n}\n#qr-no-file,\n.has-file #qr-filename {\n display: block;\n}\n.has-file #qr-filerm {\n display: inline-block;\n}\n#qr-extras-container {\n position: absolute;\n right: 0;\n top: 0;\n z-index: 2;\n}\n#qr-extras-container > label,\n#qr-extras-container > a {\n cursor: pointer;\n margin-right: 3px;\n}\n#qr-filename-container {\n box-sizing: border-box;\n display: inline-block;\n position: relative;\n width: 100px;\n min-width: 74.6%;\n max-width: 74.6%;\n margin-right: 0.4%;\n overflow: hidden;\n padding: 2px 1px 0;\n}\n/* Thread Select */\n#qr-thread-select,\n#qr-thread-select .selectrice div {\n display: inline;\n}\n#qr-thread-select .selectrice {\n cursor: pointer;\n display: inline-block;\n width: 120px;\n border: none;\n background: none transparent;\n padding: 0;\n margin: 0;\n height: auto;\n}\n#qr-thread-select .selectrice::before,\n#qr-thread-select .selectrice::after {\n display: none;\n}\n/* Dumping UI */\n.dump #dump-list-container {\n display: block;\n}\n#dump-list-container {\n display: none;\n position: relative;\n overflow-y: hidden;\n margin-top: 1px;\n}\n#dump-list {\n overflow-x: auto;\n overflow-y: hidden;\n white-space: nowrap;\n width: 248px;\n max-width: 100%;\n min-width: 100%;\n}\n#dump-list:hover {\n overflow-x: auto;\n}\n.qr-preview {\n box-sizing: border-box;\n counter-increment: thumbnails;\n cursor: move;\n display: inline-block;\n height: 90px;\n width: 90px;\n padding: 2px;\n opacity: .5;\n overflow: hidden;\n position: relative;\n text-shadow: 0 1px 1px #000;\n transition: opacity .25s ease-in-out;\n vertical-align: top;\n}\n.qr-preview:hover,\n.qr-preview:focus {\n opacity: .9;\n}\n.qr-preview::before {\n content: counter(thumbnails);\n color: #fff;\n position: absolute;\n top: 3px;\n right: 3px;\n text-shadow: 0 0 3px #000, 0 0 8px #000;\n}\n.qr-preview#selected {\n opacity: 1;\n}\n.qr-preview.drag {\n box-shadow: 0 0 10px rgba(0,0,0,.5);\n}\n.qr-preview.over {\n border-color: #fff;\n}\n.qr-preview > span {\n color: #fff;\n}\n.remove {\n background: none;\n color: #e00;\n font-weight: 700;\n padding: 3px;\n}\na:only-of-type > .remove {\n display: none;\n}\n.remove:hover::after {\n content: \" Remove\";\n}\n.qr-preview > label {\n background: rgba(0,0,0,.5);\n color: #fff;\n right: 0; bottom: 0; left: 0;\n position: absolute;\n text-align: center;\n}\n.qr-preview > label > input {\n margin: 0;\n}\n#add-post {\n cursor: pointer;\n font-size: 2em;\n position: absolute;\n top: 50%;\n right: 10px;\n -webkit-transform: translateY(-50%);\n}\n/* Ads */\n.topad img,\n.middlead img,\n.bottomad img {\n opacity: 0.3;\n transition: opacity .3s linear;\n}\n.topad img:hover,\n.middlead img:hover,\n.bottomad img:hover {\n opacity: 1;\n}\n/* AdBlock Minus */\n.hide-ads .bottomad + hr,\n.hide-ads .topad,\n.hide-ads .middlead,\n.hide-ads .bottomad {\n display: none;\n}\n.shrink-ads .topad a img,\n.shrink-ads .middlead a img,\n.shrink-ads .bottomad a img {\n width: 500px;\n height: auto;\n}\n/* Mascot Positions */\n#mascot {\n display: none;\n position: fixed;\n z-index: -1;\n bottom: 0;\n left: 0;\n right: 0;\n line-height: 0;\n cursor: pointer;\n}\n.mascot-position-above-post-form.post-form-style-fixed #qr #mascot {\n position: absolute;\n bottom: 100%;\n margin-bottom: -2px;\n}\n.mascot-position-above-post-form.post-form-style-fixed.post-form-decorations #qr #mascot {\n margin-bottom: 1px;\n}\n.mascots #mascot {\n display: block;\n}\n.sidebar-location-right.mascot-location-sidebar #mascot,\n.sidebar-location-left.mascot-location-opposite #mascot {\n left: auto;\n}\n.sidebar-location-left.mascot-location-sidebar #mascot,\n.sidebar-location-right.mascot-location-opposite #mascot {\n right: auto;\n}\n.sidebar-location-left.mascot-location-sidebar #mascot img,\n.sidebar-location-right.mascot-location-opposite #mascot img {\n -webkit-transform: scaleX(-1);\n}\n.fourchan-ss-navigation.bottom.fixed.qr-hidden #mascot,\n.fourchan-ss-navigation.bottom.fixed.mascot-position-bottom #mascot,\n.fourchan-ss-navigation.index.pagination-sticky-bottom.mascot-position-bottom #mascot,\n.fourchan-ss-navigation.bottom.fixed:not(.post-form-style-fixed) #mascot,\n.fourchan-ss-navigation.index.pagination-sticky-bottom:not(.post-form-style-fixed) #mascot {\n bottom: 1.5em\n}\n#qr #mascot {\n z-index: -1;\n}\n.mascots-overlap-posts #mascot {\n z-index: 3;\n}\n.mascot-position-middle #mascot {\n bottom: 50% !important;\n -webkit-transform: translateY(50%);\n}\n.mascot-position-top #mascot {\n bottom: auto !important;\n top: 17px;\n}\n.grayscale-mascot #mascot {\n -webkit-filter: url('#grayscale');\n}\n/* Options */\n#overlay {\n position: fixed;\n z-index: 30;\n top: 0;\n right: 0;\n left: 0;\n bottom: 0;\n background: rgba(0,0,0,.5);\n}\n#appchanx-settings {\n width: auto;\n left: 15%;\n right: 15%;\n top: 15%;\n bottom: 15%;\n position: fixed;\n z-index: 31;\n padding: .3em;\n}\n.rounded-edges #appchanx-settings,\n.rounded-edges #appchanx-settings fieldset,\n.rounded-edges .mascots-container,\n.rounded-edges .section-container,\n.rounded-edges .sections-list > a {\n border-radius: 3px;\n}\n.description {\n display: none;\n}\n#appchanx-settings h3,\n.section-keybinds,\n.section-mascots,\n.section-script,\n.style {\n text-align: center;\n}\n.section-keybinds table,\n.section-script fieldset,\n.section-style fieldset {\n text-align: left;\n}\n.section-keybinds table {\n margin: auto;\n}\n#appchanx-settings fieldset {\n padding: 5px 0;\n vertical-align: top;\n border: 0;\n margin: 0 3px 6px;\n display: inline-block;\n}\n.single-column-mode #appchanx-settings fieldset {\n display: block;\n margin: 0 auto 6px;\n}\n#appchanx-settings .section-advanced fieldset {\n display: block;\n margin: 0 auto 6px;\n}\n.section-advanced .archive-cell {\n min-width: 200px;\n}\n.section-advanced .selectrice {\n display: inline-block;\n clear: both;\n}\n.section-container {\n overflow: auto;\n position: absolute;\n top: 1.7em;\n right: 5px;\n bottom: 5px;\n left: 5px;\n padding: 5px;\n}\n.sections-list {\n padding: 0 3px;\n float: left;\n}\n.sections-list > a {\n cursor: pointer;\n position: relative;\n padding: 0 4px;\n z-index: 1;\n height: 1.4em;\n display: inline-block;\n border-width: 1px 1px 0 1px;\n border-color: transparent;\n border-style: solid;\n}\n.sections-list > a.tab-selected {\n border-style: solid;\n}\n.credits {\n float: right;\n}\n#appchanx-settings h3 {\n margin: 0;\n}\n.section-script fieldset > div,\n.section-style fieldset > div,\n.section-advanced fieldset > div {\n overflow: visible;\n padding: 0 5px 0 7px;\n}\n#appchanx-settings tr:nth-of-type(2n+1),\n.section-script fieldset > div:nth-of-type(2n+1),\n.section-advanced fieldset > div:nth-of-type(2n+1),\n.section-style fieldset > div:nth-of-type(2n+1),\n.section-keybinds tr:nth-of-type(2n+1),\n#selectrice li:nth-of-type(2n+1) {\n background-color: rgba(0, 0, 0, 0.05);\n}\narticle li {\n margin: 10px 0 10px 2em;\n}\n#appchanx-settings .option {\n width: 50%;\n display: inline-block;\n vertical-align: bottom;\n}\n.option input {\n width: 100%;\n}\n.optionlabel {\n padding-left: 18px;\n}\n.rice + .optionlabel {\n padding-left: 0;\n}\n.section-script fieldset,\n.styleoption {\n text-align: left;\n}\n.section-style fieldset {\n width: 370px;\n}\n.section-script fieldset {\n width: 200px;\n}\n#mascotcontent,\n#themecontent,\n.suboptions {\n overflow: auto;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 1.7em;\n left: 0;\n}\n#mascotcontent,\n#themecontent {\n padding: 5px;\n}\n#themecontent {\n top: 1.8em;\n}\n.mAlign {\n height: 250px;\n vertical-align: bottom;\n display: table-cell;\n line-height: 0;\n}\n#save,\n.stylesettings {\n position: absolute;\n right: 10px;\n bottom: 0;\n}\n.section-style .suboptions {\n bottom: 0;\n}\n.section-container textarea {\n font-family: monospace;\n min-height: 150px;\n resize: vertical;\n width: 100%;\n}\n/* Hover Functionality */\n#mouseover {\n z-index: 33;\n position: fixed;\n max-width: 70%;\n}\n#mouseover:empty {\n display: none;\n}\n/* Mascot Tab */\n#mascot_hide {\n padding: 3px;\n position: absolute;\n top: 2px;\n right: 18px;\n}\n#mascot_hide .rice {\n float: left;\n}\n#mascot_hide > div {\n height: 0;\n text-align: right;\n overflow: hidden;\n}\n#mascot_hide:hover > div {\n height: auto;\n}\n#mascot_hide label {\n width: 100%;\n display: block;\n clear: both;\n text-decoration: none;\n}\n.mascots-container {\n padding: 0;\n text-align: center;\n}\n.mascot,\n.mascotcontainer {\n overflow: hidden;\n}\n.mascot {\n position: relative;\n border: none;\n margin: 5px;\n padding: 0;\n width: 200px;\n display: inline-block;\n background-color: transparent;\n}\n.mascotcontainer {\n height: 250px;\n border: 0;\n margin: 0;\n max-height: 250px;\n cursor: pointer;\n bottom: 0;\n border-width: 0 1px 1px;\n border-style: solid;\n border-color: transparent;\n overflow: hidden;\n}\n.mascot img {\n max-width: 200px;\n}\n.export-button,\n.mascotname,\n#mascot-options {\n box-sizing: border-box;\n padding: 0;\n width: 100%;\n}\n#mascot-options {\n opacity: 0;\n transition: opacity .3s linear;\n}\n.mascot:hover #mascot-options {\n opacity: 1;\n}\n#mascot-options {\n position: absolute;\n bottom: 0;\n right: 0;\n left: 0;\n}\n.export-button {\n position: absolute;\n bottom: 1.7em;\n right: 0;\n left: 0;\n text-align: center;\n}\n#mascot-options a {\n display: inline-block;\n width: 33%;\n}\n#upload {\n position: absolute;\n width: 100px;\n left: 50%;\n margin-left: -50px;\n text-align: center;\n bottom: 0;\n}\n#mascots_batch {\n position: absolute;\n left: 10px;\n bottom: 0;\n}\n/* Themes Tab */\n#themes h1 {\n position: absolute;\n right: 300px;\n bottom: 10px;\n margin: 0;\n transition: all .2s ease-in-out;\n opacity: 0;\n}\n#themes .selectedtheme h1 {\n right: 11px;\n opacity: 1;\n}\n#addthemes {\n position: absolute;\n left: 10px;\n bottom: 0;\n}\n.theme {\n margin: 1em;\n}\n/* Theme Editor */\n#themeConf {\n position: fixed;\n top: 0;\n bottom: 0;\n width: 296px;\n z-index: 10;\n}\n.sidebar-location-right #themeConf {\n right: 2px;\n left: auto;\n}\n.sidebar-location-right #themeConf {\n left: 2px;\n right: auto;\n}\n#themebar input {\n width: 30%;\n}\n.option .color {\n width: 10%;\n border-left: none !important;\n color: transparent !important;\n}\n.option .colorfield {\n width: 90%;\n}\n.themevar textarea {\n min-width: 100%;\n max-width: 100%;\n height: 20em;\n resize: vertical;\n}\n/* Mascot Editor */\n#mascotConf {\n position: fixed;\n height: 17em;\n bottom: 0;\n left: 50%;\n width: 500px;\n margin-left: -250px;\n overflow: auto;\n z-index: 10;\n}\n#mascotConf .option,\n#mascotConf .optionlabel {\n box-sizing: border-box;\n width: 50%;\n display: inline-block;\n vertical-align: middle;\n}\n#mascotConf .option input {\n width: 100%;\n}\n#close {\n position: absolute;\n left: 10px;\n bottom: 0;\n}\n/* Catalog */\n#content .navLinks,\n#info .navLinks,\n.btn-wrap {\n display: block;\n}\n.navLinks > .btn-wrap:not(:first-of-type)::before {\n content: ' - ';\n}\n.button {\n cursor: pointer;\n}\n#content .btn-wrap,\n#info .btn-wrap {\n display: inline-block;\n}\n#post-preview,\n#quote-preview {\n position: absolute;\n z-index: 22;\n}\n.rounded-edges #post-preview {\n border-radius: 3px;\n}\n#settings,\n#threads,\n#info .navLinks,\n#content .navLinks {\n text-align: center;\n}\n#threads .thread {\n vertical-align: top;\n display: inline-block;\n word-wrap: break-word;\n overflow: hidden;\n margin: 1px;\n padding: 5px 0 3px;\n text-align: center;\n}\n.extended-small .thread,\n.small .thread {\n width: 165px;\n max-height: 320px;\n}\n.small .teaser,\n.large .teaser {\n display: none;\n}\n.extended-large .thread,\n.large .thread {\n width: 270px;\n max-height: 410px;\n}\n.extended-small .thumb,\n.small .thumb {\n max-width: 150px;\n max-height: 150px;\n}\n.panel {\n position: fixed;\n top: 50% !important;\n left: 50%;\n -webkit-transform: translate(-50%, -50%);\n padding: 5px;\n}\n.icon::after {\n display: inline-block;\n float: right;\n width: 1em;\n cursor: pointer;\n}\n.helpIcon::after {\n content: '?';\n}\n.closeIcon::after {\n content: '✖';\n}\n/* Front Page */\n#logo {\n text-align: center;\n}\n#doc {\n box-sizing: border-box;\n margin: 10px auto;\n width: 1006px;\n padding: 2px;\n position: relative;\n}\n.rounded-edges #doc,\n.rounded-edges #doc div {\n border-radius: 3px;\n}\n#boards .boxcontent {\n vertical-align: top;\n text-align: center;\n}\n#filter-container,\n#options-container {\n top: 4px;\n right: 8px;\n position: absolute;\n}\n#filtermenu,\n#optionsmenu {\n top: 100% !important;\n left: auto !important;\n right: 0 !important;\n}\n#boards .column {\n box-sizing: border-box;\n display: inline-block;\n width: 180px;\n text-align: left;\n vertical-align: top;\n}\n.bd ul,\n.boxcontent ul {\n vertical-align: top;\n padding: 0;\n margin: 0;\n}\n.right-box .boxcontent ul {\n padding: 0 10px;\n}\n.yuimenuitem,\n.boxcontent li {\n list-style-type: none;\n}\n.boxbar {\n position: relative;\n}\n#doc h3,\n.boxbar h2 {\n margin: 0;\n}\n#doc h3 {\n text-decoration: none !important;\n}\n.underline-links #doc h3 {\n text-decoration: underline !important;\n}\n#ft,\n.box-outer {\n margin: 2px 0 0;\n overflow: hidden;\n}\n#ft,\n.boxbar,\n.boxcontent {\n padding: 0 8px;\n}\n.yui-module {\n position: absolute;\n}\n.yuimenuitem::before {\n content: \" [ ] \";\n font-family: monospace;\n}\n.yuimenuitem-checked::before {\n content: \" [x] \"\n}\n.yui-g {\n overflow: hidden;\n}\n.yui-u {\n display: inline-block;\n vertical-align: top;\n width: 499px;\n float: right;\n}\n.yui-u.first {\n float: left;\n}\n#recent-images .boxcontent {\n text-align: center;\n}\n#ft {\n text-align: center;\n}\n#ft ul {\n padding: 0;\n}\n#ft li {\n list-style-type: none;\n display: inline-block;\n width: 100px;\n}\n#preview-tooltip-nws,\n#preview-tooltip-ws,\n#ft .fill,\n.clear-bug {\n display: none;\n}\n/* ExLinks */\n#exlinks-options-content {\n padding: 5px;\n}", + layout: "/* Cleanup */\n#absbot,\n#boardNavDesktop,\n#delPassword,\n#delform > hr:last-of-type,\n#navbotright,\n#postForm,\n#search-label,\n#search-label-bottom,\n#styleSwitcher,\n#togglePostForm,\n.boardBanner > div,\n.mobile,\n.next form,\n.next span,\n.postingMode,\n.prev form,\n.prev span,\n.riced,\n.sideArrows,\n.stylechanger,\nbody > br,\nbody > div[style^=\"text-align\"],\nbody > hr {\n display: none;\n}\n/* Empties */\n#qr .warning:empty,\n#qr-thread-select:empty {\n display: none;\n}\n/* File Name Trunctuate */\n.fileText:hover .fntrunc,\n.fileText:not(:hover) .fnfull {\n display: none;\n}\n/* Unnecessary */\n#qp input,\n#qp .rice,\n.inline .rice {\n display: none !important;\n}\n/* Hidden Content */\n.forwarded,\n.hidden,\n.hidden_thread ~ div,\n.hidden_thread ~ a,\n.replyContainer .stub ~ div,\n.replyContainer .stub ~ a,\n.stub + div,\n.thread > .stub:first-child ~ .postContainer,\n.thread > .stub:first-child ~ .summary,\n[hidden] {\n display: none !important;\n}\n/* Hidden UI */\n#catalog,\n#navlinks,\n#navtopright,\n#svg_filters,\n.cataloglink,\n.navLinks {\n z-index: 7;\n position: fixed;\n top: 100%;\n left: 100%;\n}\n/* Hide last horizontal rule, keep clear functionality. */\n.board > hr:last-of-type {\n visibility: hidden;\n}\n/* Fappe Tyme */\n.fappeTyme .thread > .noFile,\n.fappeTyme .threadContainer > .noFile {\n display: none;\n}\n/* Defaults */\na {\n text-decoration: none;\n outline: none;\n}\n.underline-links a {\n text-decoration: underline;\n}\nbody,\nhtml {\n min-height: 100%;\n box-sizing: border-box;\n}\nbody {\n outline: none;\n min-height: 100%;\n}\n.sidebar-hide body {\n margin: 0 2px;\n}\n.sidebar-minimal body {\n margin: 0 20px;\n}\n.sidebar-normal body {\n margin: 0 252px\n}\n.sidebar-large body {\n margin: 0 303px;\n}\n.sidebar-location-right body {\n margin-left: 2px;\n}\n.sidebar-location-left body {\n margin-right: 2px;\n}\nbody.unscroll {\n overflow: hidden;\n}\n.fourchan-ss-sidebar body::before {\n content: '';\n position: fixed;\n top: 0;\n bottom: 0;\n box-sizing: border-box;\n display: block;\n z-index: 0;\n}\n.fourchan-ss-sidebar.sidebar-large body::before {\n width: 306px;\n}\n.fourchan-ss-sidebar.sidebar-normal body::before {\n width: 255px;\n}\n.fourchan-ss-sidebar.sidebar-minimal body::before {\n width: 23px;\n}\n.sidebar-location-right body::before {\n right: 0;\n}\nsidebar-location-left body::before {\n left: 0;\n}\n.fourchan-ss-sidebar.sidebar-location-right body {\n padding-right: 2px;\n}\n.fourchan-ss-sidebar.sidebar-location-left body {\n padding-left: 2px;\n}\nhr {\n clear: both;\n border: 0;\n padding: 0;\n margin: 0 0 1px;\n}\n.hide-horizontal-rules hr {\n visibility: hidden;\n}\nth {\n text-align: left;\n}\n.center {\n text-align: center;\n}\n.disabled {\n opacity: 0.5;\n}\n.pointer {\n cursor: pointer;\n}\n/* Symbols */\n.drop-marker {\n vertical-align: middle;\n display: inline-block;\n margin: 2px 2px 3px;\n border-top: .5em solid;\n border-right: .3em solid transparent;\n border-left: .3em solid transparent;\n}\n.brackets-wrap::before {\n content: \" [\";\n}\n.brackets-wrap::after {\n content: \"] \";\n}\n/* Thread / Reply Nav */\n#navlinks a {\n position: fixed;\n z-index: 12;\n opacity: 0.5;\n display: inline-block;\n border-right: 6px solid transparent;\n border-left: 6px solid transparent;\n margin: 1.5px;\n}\n#navlinks a:first-of-type {\n border-bottom: 11px solid rgb(130,130,130);\n}\n#navlinks a:last-of-type {\n border-top: 11px solid rgb(130,130,130);\n}\n/* Header */\n#header-bar {\n z-index: 6;\n border-width: 1px;\n padding: 0 2px;\n border-style: solid;\n}\n.pagination-sticky-top .pagelist,\n.pagination-sticky-bottom .pagelist,\n#header-bar {\n left: 2px;\n right: 2px;\n}\n.navigation-alignment-center #header-bar {\n text-align: center;\n}\n.navigation-alignment-right #header-bar {\n text-align: right;\n}\n.sidebar-location-left.sidebar-large:not(.pagination-on-side) .pagelist,\n.sidebar-location-left #header-bar {\n left: 303px;\n}\n.sidebar-location-left.sidebar-normal:not(.pagination-on-side) .pagelist,\n.sidebar-location-left #header-bar {\n left: 252px;\n}\n.sidebar-location-left.sidebar-minimal:not(.pagination-on-side):not(.fourchan-ss-navigation) .pagelist,\n.sidebar-location-left.sidebar-minimal:not(.fourchan-ss-navigation) #header-bar {\n left: 20px;\n}\n.sidebar-location-right.sidebar-large:not(.pagination-on-side) .pagelist,\n.sidebar-location-right #header-bar {\n right: 303px;\n}\n.sidebar-location-right.sidebar-normal:not(.pagination-on-side) .pagelist,\n.sidebar-location-right #header-bar {\n right: 252px;\n}\n.sidebar-location-right.sidebar-minimal:not(.pagination-on-side):not(.fourchan-ss-navigation) .pagelist,\n.sidebar-location-right.sidebar-minimal:not(.fourchan-ss-navigation) #header-bar {\n right: 20px;\n}\n.fourchan-ss-navigation .pagelist,\n.fourchan-ss-navigation #header-bar {\n left: 0;\n right: 0;\n border-left: 0;\n border-right: 0;\n border-radius: 0 !important;\n}\n.hide-navigation-decorations #header-bar {\n font-size: 0;\n color: transparent;\n word-spacing: 2px;\n}\n#shortcuts {\n float: right;\n}\n.fixed #header-bar.autohide {\n z-index: 24;\n}\n.fixed #header-bar {\n position: fixed;\n}\n.top #header-bar {\n top: 0;\n border-top-width: 0;\n}\n.rounded-edges.top #header-bar {\n border-radius: 0 0 3px 3px;\n}\n.fixed.bottom #header-bar {\n bottom: 0;\n border-bottom-width: 0;\n}\n.rounded-edges.bottom #header-bar {\n border-radius: 3px 3px 0 0;\n}\n.hide #header-bar {\n position: fixed;\n top: 110%;\n bottom: auto;\n}\n/* Header Autohide */\n.fixed #header-bar.autohide:not(:hover) {\n box-shadow: none;\n transition: all .8s .6s cubic-bezier(.55, .055, .675, .19);\n}\n.fixed.top #header-bar.autohide:not(:hover) {\n margin-bottom: -1em;\n -webkit-transform: translateY(-100%);\n}\n.fixed.bottom #header-bar.autohide:not(:hover) {\n -webkit-transform: translateY(100%);\n}\n#scroll-marker {\n left: 0;\n right: 0;\n height: 10px;\n position: absolute;\n}\n#header-bar #scroll-marker {\n display: none;\n}\n.fixed #header-bar #scroll-marker {\n display: block;\n}\n.fixed.top header-bar #scroll-marker {\n top: 100%;\n}\n.fixed.bottom #header-bar #scroll-marker {\n bottom: 100%;\n}\n/* Notifications */\n#notifications {\n position: fixed;\n top: 0;\n text-align: center;\n right: 0;\n left: 0;\n transition: all .8s .6s cubic-bezier(.55, .055, .675, .19);\n}\n.fixed.top #header-bar #notifications {\n position: absolute;\n top: 100%;\n}\n.notification {\n color: #fff;\n font-weight: 700;\n text-shadow: 0 1px 2px rgba(0, 0, 0, .5);\n box-shadow: 0 1px 2px rgba(0, 0, 0, .15);\n border-radius: 2px;\n margin: 1px auto;\n width: 500px;\n max-width: 100%;\n position: relative;\n transition: all .25s ease-in-out;\n}\n.notification.error {\n background-color: hsla(0, 100%, 38%, .9);\n}\n.notification.warning {\n background-color: hsla(36, 100%, 38%, .9);\n}\n.notification.info {\n background-color: hsla(200, 100%, 38%, .9);\n}\n.notification.success {\n background-color: hsla(104, 100%, 38%, .9);\n}\n.notification a {\n color: #fff;\n}\n.notification > .close {\n padding: 6px;\n top: 0;\n right: 5px;\n position: absolute;\n color: #fff;\n}\n.message {\n box-sizing: border-box;\n padding: 6px 20px;\n max-height: 200px;\n width: 100%;\n overflow: auto;\n}\n/* Updater / Thread Stats */\n.float #thread-stats,\n.float #updater {\n position: fixed;\n}\n#update-status.new::after {\n content: ', ';\n}\n/* Pagination */\n.pagelist {\n border-style: solid;\n border-width: 1px;\n z-index: 6;\n}\n.pagination-alignment-center .pagelist {\n text-align: center;\n}\n.pagination-alignment-right .pagelist {\n text-align: right;\n}\n.pagination-sticky-top .pagelist {\n position: fixed;\n top: 0;\n border-top-width: 0;\n}\n.pagination-sticky-bottom .pagelist {\n position: fixed;\n bottom: 0;\n border-bottom-width: 0;\n}\n.pagination-top .pagelist {\n position: static;\n border-top-width: 0;\n}\n.pagination-bottom .pagelist {\n position: static;\n}\n.pagination-top.rounded-edges .pagelist,\n.pagination-sticky-top.rounded-edges .pagelist {\n border-radius: 0 0 3px 3px;\n}\n.pagination-bottom.rounded-edges .pagelist,\n.pagination-sticky-bottom.rounded-edges .pagelist {\n border-radius: 3px 3px 0 0;\n}\n.pagination-hide .pagelist {\n display: none;\n}\n.pagination-on-side .pagelist {\n position: fixed;\n padding: 0;\n top: auto;\n bottom: 0.5em;\n margin: 0;\n background: none transparent !important;\n border: 0 none !important;\n text-align: right;\n}\n.pagination-on-side.post-form-style-fixed.show-post-form-header .pagelist {\n bottom: 23.1em;\n}\n.pagination-on-side.post-form-style-fixed .pagelist {\n bottom: 21.6em;\n}\n.sidebar-location-left.pagination-on-side .pagelist {\n -webkit-transform: rotate(-90deg);\n -webkit-transform-origin: bottom left;\n}\n\n.sidebar-location-right.pagination-on-side .pagelist {\n -webkit-transform: rotate(90deg);\n -webkit-transform-origin: bottom right;\"\n}\n.sidebar-location-right.sidebar-large.pagination-on-side .pagelist {\n left: auto;\n right: 301px;\n}\n.sidebar-location-left.sidebar-large.pagination-on-side .pagelist {\n right: auto;\n left: 301px;\n}\n.sidebar-location-right.sidebar-normal.pagination-on-side .pagelist {\n left: auto;\n right: 246px;\n}\n.sidebar-location-left.sidebar-normal.pagination-on-side .pagelist {\n right: auto;\n left: 246px;\n}\n.sidebar-location-right.sidebar-minimal.pagination-on-side .pagelist {\n left: auto;\n right: 246px;\n}\n.sidebar-location-left.sidebar-minimal.pagination-on-side .pagelist {\n right: auto;\n left: 18px;\n}\n.hide-navigation-decorations .pagelist {\n font-size: 0;\n color: transparent;\n word-spacing: 0;\n}\n.pagelist input,\n.pagelist div {\n vertical-align: middle;\n}\n.hide-navigation-decorations .pages a {\n margin: 0 1px;\n}\n.next,\n.pages,\n.prev {\n display: inline-block;\n margin: 0 3px;\n}\n/* Icons */\n.icons-4chan-ss #navtopright .exlinksOptionsLink::after,\n.icons-4chan-ss #main-menu,\n.icons-4chan-ss .navLinks > a:first-of-type::after,\n.icons-4chan-ss #watcher::after,\n.icons-4chan-ss #globalMessage::after,\n.icons-4chan-ss #boardNavDesktopFoot::after,\n.icons-4chan-ss #img-controls,\n.icons-4chan-ss #catalog::after,\n.icons-4chan-ss #fappeTyme {\n background-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAACWCAMAAAA2YSLzAAAAPFBMVEVkZGRlZWVjY2NmZmZnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dZxmG7AAAAE3RSTlMFFQ0AJD8eQFRqf5CgssDM4+73gHqZRAAAA0pJREFUSMetVlmy5CgMZDMGxK7737Ulgcu8ejMREzHtD7sShJRaKWV/Psq3iz7QGwTF2BZ01hp3N6yasctZJANiN5ZlItDLtNkQDGNeMLU7EqmCbUwhkhZbwsIuNbyWPX7dIyHOrDYOc8SOiEUJjojN0EsWlCXRrq2qvJCsIjic2OcFrwrOpdmTimqVyWG7ZkrWy97p7z/hACd2FUetBcQDpTN+nuKsGng881L5xOz/VQ88xL/eQkyZT3axp+4dUMwvH0Pnhn6wSyR+8IdR4f43/v8XX1BHjXpjwy5RdEcQ7DiuzlBUsFD+GeIFEy6W0pKXoSZOiUz5tf99nvTDD/1sP9VRPvb/un86lT57SVqwSk8KR+L6kgTOlcZslRQe5WmJRKovETW7Anb+HzxUW4Xgnv11fuuj82aKXHz1Tzztx9v4VA9+/6le26B+3VhTC9RMPIr0qx4zaWNsnFRO0s8FWgEIFIRiVUAIlJGciqMmCwpQWyI/OplXA1RrXG1YI2svTQ3ufhWjNlKFqtXFI7Yg+zAXRcBZ+HygJuVHd0ys35bVn6QojLL5cZeVvPht/mVu/r/8s7GMXsLjv2s71GZhgjnEwsEVXogiSl/pl7LWra0IQgO3poTsieoYd4dhWfJlGWqyQf6sLxWt3/MRa4Im04ixeSdAWnxvqCX6tObVmzpZOPOZvrBNJF8gmGciBChsV+YdRYwnAvNpS4AnYFBm0KA2a35Unh+efxjercaLfV7wW0rtUTNl2j715al/9VtfutF+NZ/+aZSa+py/GCpRyvr17EsVLbRhmN++BBY/ik5/+YPK6bKnf2T8fh7P+uEYn0D3E4L3i6QHmvc3+k+8PN6Mb1w52tje6LbAi+M0FT4YneqVbpVDPnL2Xqx7m3tf9ENXHba9H/a/+X3z/+XfCnOo+Zy/o4SgY5Z6iq0nb+9Mc4JxL5f1qYs+xhTP/uiX/cMe4+hDHAfGnmGe+Ev+G88vnG7Ie20wHiUt/S1Kv+6BCM/9fkEfz73/9HNufQ4ZKdzvnwtS/LXltRcJB/yJ23H/mo89nPFa85Li3XOYu435LwTXKVWwO+cnlWFTB47L/AdfR//KI2bvF8sAb0c/M+1+YE3/oS77B8N+UUVHraV6AAAAAElFTkSuQmCC\");\n}\n.icons-oneechan #navtopright .exlinksOptionsLink::after,\n.icons-oneechan #main-menu,\n.icons-oneechan .navLinks > a:first-of-type::after,\n.icons-oneechan #watcher::after,\n.icons-oneechan #globalMessage::after,\n.icons-oneechan #boardNavDesktopFoot::after,\n.icons-oneechan #img-controls,\n.icons-oneechan #catalog::after,\n.icons-oneechan #fappeTyme {\n background-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAACWCAMAAAA2YSLzAAAAPFBMVEVoaGhqampeXl5sbGxsbGxra2tsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGzXmsRLAAAAE3RSTlMAEAYnHBg2QExbcYaWqM++2+z4BMdvAwAAAtVJREFUSMfFVgmu3CAMhYRPAmb3/e9aL5Bl2kptVbXWSOSBsY15NmOMMZs1KnNExC+ezgV4MBtNMIw58+qX2REtQwiifdC6hwlNQBGfUlBzc+KYkP3IxH5hNvicCPXrMfEVi3ts2WrzaiN6jie2OI2GXbBfXiA/XPyexPpEHrHdyDV8YAt6vEYCVpJ3S7rXAZKkkfbnuR8Uk/32xsac6Y01La2ZfyIh1VrX9Rnfu5ygd6/XeQAGFxACkopDb3mkeXug48x5FCKhNzW+1j2t8/5EEwHTIfPm6G3aP37o/w/ir3QZ2V/xY0spdSxWL7MrLU7slmnDSY0UrH6CBJ/wFI3TNGECCDY9G4xmrpDkZvQMJ4q31EzLQuhipr7ag8ueFa+hUQy2d43nnPGg7NopHTUVyYlWpE+lUT4qfhDCnLpzB8oXLLJb4leptD/JblswOaZd0gRkDV0cJi69NNOUaclRpG6S1NPdRVPLjI3VSjWV8+FmaARknTxqfipl0tGR1DXvd0h251Ww/ZlaNQoaX3bqUS+IK6ZX4hysvuQinS+6n9638/6BbK4RLi6R11O8rPS4OnO66KHtw6yK96BWrg5QxDGcVzcoB8cYb/dE1zPO6C+pHxN0Ttw/JtJrx55+oV9Jq+ScF22IfBWDD+sHfTnBmKlpS99hPGSC4SBsi+dP3p0PjVBVedMdO3WoG57cAEbYVNkRHFROIzjYuGjoM7LOaEQKbtQjkuo5hCSMmezaNq3Gl6TE5J3ZLMu26SjpPJZo4h/9FJhT4JQJzjFXD7x54fBgzO9RvDH9Vl5vHIetcGHct1apLh/6gU3c2PYy5rrYh7a1NP29/H/G9xn/d+f7FNVcw9/H/9sf8ymXPnqdDd7Wx3OpzWRJuP8+iMTFe7wZq48Tce7QciNetUzku+pT/t4UHK/iIq2yPR/8y/315M/rWl1A/sM83phVh6+aeZY39OLNN4Y0P2GdHOWPAAAAAElFTkSuQmCC\");\n}\n/* Banner & Board Title */\n.boardBanner {\n line-height: 0;\n}\n.faded-4chan-banner .boardBanner {\n opacity: 0.5;\n transition: opacity 0.3s ease-in-out .5s;\n}\n.faded-4chan-banner .boardBanner:hover {\n opacity: 1;\n transition: opacity 0.3s ease-in;\n}\n/* From 4chan SS / OneeChan */\n\n.fourchan-banner-reflection #Banner {\n -webkit-box-reflect: below 0 -webkit-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,0) 10%, rgba(255,255,255,.5));\n}\n\n.fourchan-banner-at-sidebar-top .boardBanner,\n.fourchan-banner-at-sidebar-bottom .boardBanner,\n.fourchan-banner-at-sidebar-bottom .boardBanner {\n position: fixed;\n}\n.fourchan-banner-at-sidebar-top .boardBanner {\n top: 16px;\n}\n.fourchan-banner-at-sidebar-bottom .boardBanner {\n bottom: 270px;\n}\n.fourchan-banner-under-post-form .boardBanner {\n bottom: 130px;\n}\n.board-title-at-sidebar-top.sidebar-location-right #boardTitle,\n.board-title-at-sidebar-bottom.sidebar-location-right #boardTitle,\n.board-title-under-post-form.sidebar-location-right #boardTitle,\n.fourchan-banner-at-sidebar-top.sidebar-location-right .boardBanner,\n.fourchan-banner-at-sidebar-bottom.sidebar-location-right .boardBanner,\n.fourchan-banner-under-post-form.sidebar-location-right .boardBanner {\n right: 2px;\n}\n.board-title-at-sidebar-top.sidebar-location-left #boardTitle,\n.board-title-at-sidebar-bottom.sidebar-location-left #boardTitle,\n.board-title-under-post-form.sidebar-location-left #boardTitle,\n.fourchan-banner-at-sidebar-top.sidebar-location-left .boardBanner,\n.fourchan-banner-at-sidebar-bottom.sidebar-location-left .boardBanner,\n.fourchan-banner-under-post-form.sidebar-location-left .boardBanner {\n left: 2px;\n}\n.board-title-at-sidebar-top #boardTitle,\n.board-title-at-sidebar-bottom #boardTitle,\n.board-title-under-post-form #boardTitle,\n.fourchan-banner-at-sidebar-top .boardBanner img,\n.fourchan-banner-at-sidebar-bottom .boardBanner img,\n.fourchan-banner-under-post-form .boardBanner img {\n width: 248px;\n}\n.board-title-at-sidebar-top.sidebar-large #boardTitle,\n.board-title-at-sidebar-bottom.sidebar-large #boardTitle,\n.board-title-under-post-form.sidebar-large #boardTitle,\n.fourchan-banner-at-sidebar-top.sidebar-large .boardBanner img,\n.fourchan-banner-at-sidebar-bottom.sidebar-large .boardBanner img,\n.fourchan-banner-under-post-form.sidebar-large .boardBanner img {\n width: 299px;\n}\n.fourchan-banner-at-top .boardBanner {\n position: relative;\n display: table;\n margin: 12px auto;\n text-align: center;\n}\n:root:not(.board-subtitle) .boardSubtitle,\n.board-title-hide #boardTitle,\n.fourchan-banner-hide .boardBanner {\n display: none;\n}\n#boardTitle {\n text-align: center;\n z-index: 4;\n}\n.board-title-at-sidebar-top #boardTitle,\n.board-title-at-sidebar-bottom #boardTitle,\n.board-title-under-post-form #boardTitle {\n position: fixed;\n}\n.board-title-at-sidebar-top.fourchan-banner-at-sidebar-top.sidebar-large #boardTitle {\n top: 121px;\n}\n.board-title-at-sidebar-top.fourchan-banner-at-sidebar-top #boardTitle {\n top: 104px;\n}\n.board-title-at-sidebar-top #boardTitle {\n top: 40px;\n}\n.board-title-at-sidebar-bottom #boardTitle {\n bottom: 280px;\n}\n.board-title-under-post-form #boardTitle {\n bottom: 140px;\n}\n/* Hover UI */\n.move {\n cursor: pointer;\n}\n#ihover {\n position: fixed;\n max-height: 97%;\n max-width: 75%;\n padding: 10px;\n z-index: 22;\n}\n#qp {\n position: fixed;\n z-index: 22;\n}\n#qp .postMessage::after {\n clear: both;\n display: block;\n content: \"\";\n}\n#qp .full-image {\n max-height: 300px;\n max-width: 500px;\n}\n#menu {\n position: fixed;\n outline: none;\n z-index: 22;\n}\n/* Image Expansion */\n.fit-width .full-image {\n max-width: 100%;\n width: 100%;\n}\n.images-overlap-post-form .full-image {\n position: relative;\n z-index: 21;\n}\n/* Delete Buttons */\n.hide-delete-ui .deleteform,\n.hide-delete-ui .post:not(#exlinks-options) .rice {\n display: none;\n}\n.hide-delete-ui .postInfo {\n padding: 0 0 0 3px;\n}\n.deleteform {\n position: fixed;\n z-index: 18;\n width: 0;\n bottom: 0;\n right: 0;\n border-width: 1px 0 0 1px;\n border-style: solid;\n font-size: 0;\n color: transparent;\n}\n.deleteform:hover {\n width: auto;\n}\n.deleteform::before {\n z-index: 18;\n border-width: 1px 0 0 1px;\n border-style: solid;\n content: '✖';\n display: block;\n position: fixed;\n bottom: 0;\n right: 0;\n box-sizing: border-box;\n height: 1.6em;\n width: 1.4em;\n text-align: center;\n}\n.deleteform:hover::before {\n display: none;\n}\n.deleteform input {\n margin: 0 1px 0 0;\n}\n/* Slideout Navigation */\n#boardNavDesktopFoot {\n position: fixed;\n text-align: center;\n font-size: 0;\n color: transparent;\n overflow: hidden;\n box-sizing: border-box;\n width: 248px;\n}\n.sidebar-large #boardNavDesktopFoot {\n width: 299px;\n}\n.sidebar-location-right #boardNavDesktopFoot {\n right: 2px;\n}\n.sidebar-location-left #boardNavDesktopFoot {\n left: 2px;\n}\n#boardNavDesktopFoot:hover {\n overflow-y: auto;\n padding: 2px;\n}\n#boardNavDesktopFoot:not(:hover) {\n border-color: transparent;\n background-color: transparent;\n height: 0;\n overflow: hidden;\n padding: 0;\n border: 0 none;\n}\n.slideout-navigation-compact #boardNavDesktopFoot {\n word-spacing: 1px;\n}\n.slideout-navigation-list #boardNavDesktopFoot a {\n display: block;\n}\n.slideout-navigation-list #boardNavDesktopFoot:hover {\n max-height: 400px;\n}\n.slideout-navigation-list #boardNavDesktopFoot a::after {\n content: ' - ' attr(title);\n}\n.slideout-navigation-list #boardNavDesktopFoot a[href*='//boards.4chan.org/']::after,\n.slideout-navigation-list #boardNavDesktopFoot a[href*='//rs.4chan.org/']::after {\n content: '/ - ' attr(title);\n}\n.slideout-navigation-list #boardNavDesktopFoot a[href*='//boards.4chan.org/']::before,\n.slideout-navigation-list #boardNavDesktopFoot a[href*='//rs.4chan.org/']::before {\n content: '/';\n}\n.slideout-navigation-hide #boardNavDesktopFoot {\n display: none;\n}\n/* Watcher */\n#watcher {\n position: fixed;\n z-index: 14;\n padding: 2px;\n}\n#watcher {\n width: 200px;\n}\n#watcher:not(:hover) {\n max-height: 200px;\n overflow: hidden;\n}\n.rounded-edges #watcher {\n border-radius: 3px;\n}\n#watcher > div {\n max-height: 1.3em;\n overflow: hidden;\n}\n.slideout-watcher #watcher {\n box-sizing: border-box;\n width: 248px;\n}\n.slideout-watcher.sidebar-large #boardNavDesktopFoot {\n width: 299px;\n}\n.slideout-watcher.sidebar-location-right #watcher {\n left: auto !important;\n right: 2px !important;\n}\n.slideout-watcher.sidebar-location-left #watcher {\n right: auto !important;\n left: 2px !important;\n}\n.slideout-watcher #watcher .move {\n cursor: default;\n}\n.slideout-watcher.underline-links #watcher .move {\n text-decoration: underline;\n}\n.slideout-watcher #watcher > div {\n overflow: hidden;\n}\n.slideout-watcher #watcher:hover {\n overflow-y: auto;\n}\n.slideout-watcher #watcher:not(:hover) {\n height: 0;\n overflow: hidden;\n border: 0 none;\n padding: 0;\n}\n.watch-thread-link {\n padding-top: 18px;\n width: 18px;\n height: 0px;\n display: inline-block;\n background-repeat: no-repeat;\n opacity: 0.2;\n position: relative;\n top: 1px;\n}\n.watch-thread-link.watched {\n opacity: 1;\n}\n/* Announcements */\n#globalMessage {\n text-align: center;\n}\n.rounded-edges #globalMessage {\n border-radius: 3px;\n}\n.announcements-slideout #globalMessage {\n position: fixed;\n padding: 2px;\n width: 248px;\n}\n.announcements-slideout.sidebar-location-right #globalMessage {\n left: auto;\n right: 2px;\n}\n.announcements-slideout.sidebar-location-left #globalMessage {\n right: auto;\n left: 2px;\n}\n.announcements-slideout.sidebar-large #globalMessage {\n width: 299px;\n}\n.announcements-slideout #globalMessage h3 {\n margin: 0;\n}\n.announcements-slideout #globalMessage:hover {\n box-sizing: border-box;\n overflow-y: auto;\n}\n.announcements-slideout #globalMessage:not(:hover) {\n height: 0;\n overflow: hidden;\n padding: 0;\n border: 0 none;\n}\n.announcements-hide #globalMessage {\n display: none !important;\n}\n/* Threads */\n#threads,\n.rounded-edges .board > .thread {\n border-radius: 4px;\n}\n/* Thread Clearfix */\n.thread > .threadContainer:last-of-type::after,\n.thread > .postContainer:last-of-type::after {\n display: block;\n content: ' ';\n clear: both;\n}\n/* Posts */\n.expanding {\n opacity: .5;\n}\n.fileText:hover .fntrunc,\n.fileText:not(:hover) .fnfull,\n.expanded-image > .post > .file > .fileThumb > img[data-md5],\n.post > .file > .fileThumb > .full-image {\n display: none;\n}\n.expanded-image > .post > .file > .fileThumb > .full-image {\n display: block;\n}\n.thread > .replyContainer:last-of-type .post {\n margin-bottom: 0;\n}\n.menu-button {\n position: relative;\n}\n.stub .menu-button,\n.post .menu-button,\n.hide-thread-button,\n.show-thread-button span,\n.hide-reply-button,\n.show-reply-button span {\n float: right;\n}\n.post .menu-button,\n.hide-thread-button,\n.hide-reply-button {\n margin: 0 3px;\n opacity: 0;\n transition: opacity .3s ease-out 0s;\n}\n.post:hover .hide-reply-button,\n.post:hover .menu-button,\n.post:hover .hide-thread-button,\n.hidden_thread .hide-thread-button,\n.hidden_thread .menu-button,\n.inline .hide-reply-button,\n.inline .menu-button {\n opacity: 1;\n}\n.hidden_thread {\n text-align: right;\n}\n.color-user-ids .posteruid .hand {\n padding: .1em .3em;\n border-radius: 1em;\n font-size: 80%;\n}\n.postInfo > span {\n vertical-align: bottom;\n}\n.bolds .subject,\n.bolds .name {\n font-weight: 600;\n}\n.italics .postertrip {\n font-style: italic;\n}\n.underline-links .replylink {\n text-decoration: underline;\n}\n.fileInfo {\n padding: 0 3px;\n}\n.fileThumb {\n float: left;\n margin: 3px 20px;\n outline: none;\n}\n.reply.post {\n box-sizing: border-box;\n display: inline-block;\n}\n.fit-width-replies .reply.post {\n display: block;\n overflow: hidden;\n}\n.fit-width-replies .expanded-image .reply.post,\n.fit-width-replies .hasInline .reply.post {\n width: 100%;\n}\n.indent-replies #unread-line,\n.indent-replies .thread > .replyContainer,\n.indent-replies .threadContainer > .replyContainer {\n margin-left: 2em;\n}\n.expanded-image .reply.post,\n.hasInline .reply.post {\n display: inline-block;\n overflow: visible;\n clear: both;\n}\n.rounded-edges .post {\n border-radius: 3px;\n}\n.spoiler,\ns {\n text-decoration: none;\n}\n/* Emoji */\na.useremail:last-of-type {\n vertical-align: top;\n}\n/* Reply Clearfix */\n.reply.post .postMessage {\n clear: right;\n}\n.op-background .op.post .postMessage::after,\n.force-reply-break .op.post .postMessage::after {\n display: block;\n content: ' ';\n clear: both;\n}\n/* OP */\n.favicon {\n vertical-align: bottom;\n}\n.op-background .op.post {\n box-sizing: border-box;\n}\n/* Summary */\n.force-reply-break .summary {\n clear: both;\n}\n/* Inlined */\n.inline {\n margin: 2px 8px 2px 2px;\n}\n.post .inline {\n margin: 2px;\n}\n.inline .replyContainer {\n display: inline-block;\n}\n/* Inlined Clearfix */\n.inline .postMessage::after {\n clear: both;\n display: block;\n content: \"\";\n}\n/* Quotes */\n.inlined {\n opacity: .5;\n}\n.underline-links .quotelink {\n text-decoration: underline;\n}\n.filtered,\n.quotelink.filtered {\n text-decoration: line-through !important;\n}\n.inline + .hashlink {\n display: none;\n}\n/* Quote Threading */\n.threadContainer {\n padding-left: 2em;\n border-left: 1px solid;\n}\n.indent-replies .threadContainer {\n margin-left: 2em;\n padding-left: 0;\n}\n.threadOP {\n clear: both;\n}\n/* Backlinks */\n.underline-links .forwardlink,\n.underline-links .backlink {\n text-decoration: underline;\n}\n.backlink.dead {\n text-decoration: none;\n}\n.filtered-backlinks .filtered.backlink {\n display: none;\n}\n.backlinks-position-lower-left .container,\n.backlinks-position-lower-right .container {\n max-width: 100%;\n padding: 0 5px;\n}\n.backlinks-position-lower-left .reply.quoted,\n.backlinks-position-lower-right .reply.quoted {\n position: relative;\n padding-bottom: 1.7em;\n}\n.backlinks-position-lower-left .inline .reply.quoted,\n.backlinks-position-lower-right .inline .reply.quoted,\n.backlinks-position-lower-right #qp .reply.quoted,\n.backlinks-position-lower-left #qp .reply.quoted {\n position: static;\n padding-bottom: 0;\n}\n.backlinks-position-lower-right .reply .container,\n.backlinks-position-lower-left .reply .container {\n position: absolute;\n bottom: 0;\n padding: 0 5px;\n}\n.backlinks-position-lower-left .reply .container {\n left: 0;\n}\n.backlinks-position-lower-right .reply .container {\n right: 0;\n}\n.backlinks-position-lower-right .container::before,\n.backlinks-position-lower-left .reply .container::before {\n content: 'REPLIES: ';\n}\n.container:empty {\n display: none;\n}\n.backlinks-position-lower-left #qp .container,\n.backlinks-position-lower-left .inline .container,\n.backlinks-position-lower-right .inline .container,\n.backlinks-position-lower-right #qp .container {\n position: static;\n max-width: 100%;\n}\n.backlinks-position-lower-left #qp .container::before,\n.backlinks-position-lower-left .inline .container::before,\n.backlinks-position-lower-right #qp .container::before,\n.backlinks-position-lower-right .inline .container::before {\n content: '';\n}\n.backlinks-position-lower-right .inline .container {\n float: none;\n}\n/* Fixes text spoilers */\n.remove-spoilers.indicate-spoilers .spoiler::before,\n.remove-spoilers.indicate-spoilers s::before {\n content: '[spoiler]';\n}\n.remove-spoilers.indicate-spoilers .spoiler::after,\n.remove-spoilers.indicate-spoilers s::after {\n content: '[/spoiler]';\n}\n:root:not(.remove-spoilers) .spoiler:not(:hover) *,\n:root:not(.remove-spoilers) s:not(:hover) * {\n color: rgb(0,0,0) !important;\n text-shadow: none !important;\n}\n:root:not(.remove-spoilers) spoiler:not(:hover),\n:root:not(.remove-spoilers) s:not(:hover) {\n background-color: rgb(0,0,0);\n color: rgb(0,0,0) !important;\n text-shadow: none !important;\n}\n/* Code */\n.prettyprint {\n box-sizing: border-box;\n font-family: monospace;\n display: inline-block;\n margin-right: auto;\n white-space: pre-wrap;\n border-radius: 2px;\n overflow-x: auto;\n padding: 3px;\n max-width: 100%;\n}\n/* Menu */\n.entry {\n border-bottom: 1px solid rgba(0,0,0,.25);\n cursor: pointer;\n display: block;\n outline: none;\n padding: 3px 1em 3px 7px;\n position: relative;\n text-decoration: none;\n white-space: nowrap;\n}\n.entry:last-child {\n border-bottom: 0;\n}\n.has-submenu::after {\n content: \"\";\n border-left: .5em solid;\n border-top: .3em solid transparent;\n border-bottom: .3em solid transparent;\n display: inline-block;\n margin: .3em;\n position: absolute;\n right: 0;\n}\n.submenu {\n display: none;\n position: absolute;\n top: -1px;\n}\n.focused .submenu {\n display: block;\n}\n/* Stubs */\n.fit-width-replies .stub {\n display: block;\n text-align: right;\n}\n/* Element Replacing: */\n/* Checkboxes */\n.rice {\n cursor: pointer;\n width: 9px;\n height: 9px;\n margin: 2px 3px 3px;\n display: inline-block;\n vertical-align: bottom;\n}\ninput[type=checkbox]:checked + .rice {\n position: relative;\n}\ninput[type=checkbox]:checked + .rice::after {\n content: \"\";\n display: block;\n width: 4px;\n height: 10px;\n border-width: 0 3px 3px 0;\n border-style: solid;\n -webkit-transform: rotate(45deg);\n position: absolute;\n left: 2px;\n bottom: -1px;\n}\n.rounded-edges .rice {\n border-radius: 2px;}\n}\n.circle-checkboxes .rice {\n border-radius: 6px;}\n}\ninput:checked + .rice {\n background-attachment: scroll;\n background-repeat: no-repeat;\n background-position: bottom right;\n}\n/* Selects */\n.selectrice {\n position: relative;\n cursor: default;\n overflow: hidden;\n text-align: left;\n}\n#settings .selectrice {\n display: inline-block;\n}\n.selectrice::after {\n content: \"\";\n border-right: .25em solid transparent;\n border-left: .25em solid transparent;\n position: absolute;\n right: .4em;\n top: .5em;\n}\n.selectrice::before {\n content: \"\";\n height: 1.6em;\n position: absolute;\n right: 1.3em;\n top: 0;\n}\n/* Select Dropdown */\n#selectrice {\n padding: 0;\n margin: 0;\n position: fixed;\n max-height: 120px;\n overflow-y: auto;\n overflow-x: hidden;\n z-index: 32;\n}\n#selectrice:empty {\n display: none;\n}\n/* Post Form Shortcut */\n.qr-shortcut.on-page {\n font-size: 250%;\n}\n/* Post Form */\n#qr {\n z-index: 20;\n position: fixed;\n background: none;\n border: none;\n}\n.qr-wrapper {\n padding: 1px;\n min-width: 248px;\n background: transparent;\n border: 1px solid transparent;\n}\n.sidebar-large #qr {\n min-width: 299px;\n}\n.rounded-edges #qr,\n.rounded-edges #qrtab {\n border-radius: 3px 3px 0 0;\n}\n.post-form-style-fixed #qr {\n top: auto !important;\n}\n.sidebar-location-left:not(.post-form-style-float) #qr {\n left: 0 !important;\n right: auto !important;\n}\n.sidebar-location-right:not(.post-form-style-float) #qr {\n right: 0 !important;\n left: auto !important;\n}\n:root:not(.post-form-style-float) #qr {\n bottom: 0 !important;\n}\n.fourchan-ss-navigation.fixed.bottom:not(.post-form-style-float) #qr,\n.fourchan-ss-navigation.index.pagination-sticky-bottom:not(.post-form-style-float) #qr {\n bottom: 1.5em !important;\n}\n.post-form-style-slideout #qr {\n top: auto !important;\n}\n.post-form-style-slideout.sidebar-location-left #qr {\n -webkit-transform: translateX(-93%);\n}\n.post-form-style-slideout.sidebar-location-right #qr {\n -webkit-transform: translateX(93%);\n}\n.post-form-style-slideout #qr:hover,\n.post-form-style-slideout #qr.has-focus,\n.post-form-style-slideout #qr.dump {\n -webkit-transform: translate(0);\n}\n.post-form-style-tabbed-slideout #qr {\n top: auto !important;\n}\n.post-form-style-tabbed-slideout.sidebar-location-left #qr {\n -webkit-transform: translateX(-100%);\n}\n.post-form-style-tabbed-slideout.sidebar-location-right #qr {\n -webkit-transform: translateX(100%);\n}\n.post-form-style-tabbed-slideout #qr:hover,\n.post-form-style-tabbed-slideout #qr.has-focus,\n.post-form-style-tabbed-slideout #qr.dump {\n -webkit-transform: translateX(0);\n}\n.post-form-style-tabbed-slideout #qrtab {\n position: absolute;\n top: 0;\n width: 120px;\n text-align: center;\n border-width: 1px 1px 0 1px;\n cursor: default;\n}\n.post-form-style-tabbed-slideout.sidebar-location-left #qrtab {\n -webkit-transform: rotate(90deg);\n -webkit-transform-origin: bottom right;\n left: 100%;\n}\n.post-form-style-tabbed-slideout.sidebar-location-right #qrtab {\n -webkit-transform: rotate(-90deg);\n -webkit-transform-origin: bottom right;\n right: 100%;\n}\n.post-form-style-tabbed-slideout #qr:hover #qrtab,\n.post-form-style-tabbed-slideout #qr.has-focus #qrtab,\n.post-form-style-tabbed-slideout #qr.dump #qrtab {\n opacity: 0 !important;\n}\n.post-form-style-slideout #qrtab input,\n.post-form-style-slideout #qrtab .rice,\n.post-form-style-tabbed-slideout #qrtab input,\n.post-form-style-tabbed-slideout #qrtab .close,\n.post-form-style-tabbed-slideout #qrtab .rice,\n.post-form-style-tabbed-slideout #qrtab span {\n display: none;\n}\n.post-form-style-tabbed-slideout #qrtab .selectrice {\n text-align: center;\n}\n.transparent-post-form .qr-wrapper {\n opacity: 0.2;\n transition: opacity .3s ease-in-out 1s;\n}\n.transparent-post-form #qr:hover .qr-wrapper,\n.transparent-post-form #qr.has-focus .qr-wrapper,\n.transparent-post-form #qr.dump .qr-wrapper {\n opacity: 1;\n transition: opacity .3s linear;\n}\n:root:not(.show-post-form-header):not(.post-form-style-float):not(.post-form-tabbed-slideout) #qrtab,\n.post-form-style-float .autohide:not(:hover):not(.has-focus) form,\n.show-post-form-header.post-form-style-fixed .autohide:not(:hover):not(.has-focus) form {\n display: none !important;\n}\n:root:not(.post-form-style-tabbed-slideout) #qrtab {\n margin-bottom: 1px;\n}\n#qr.autohide:not(:hover):not(.has-focus) #qrtab {\n margin-bottom: 0;\n}\n.post-form-slideout-transitions.post-form-style-slideout #qr,\n.post-form-slideout-transitions.post-form-style-tabbed-slideout #qr {\n transition: -webkit-transform .3s ease-in-out 1s;\n}\n.post-form-slideout-transitions.post-form-style-tabbed-slideout #qr.dump,\n.post-form-slideout-transitions.post-form-style-tabbed-slideout #qr:hover,\n.post-form-slideout-transitions.post-form-style-tabbed-slideout #qr.has-focus,\n.post-form-slideout-transitions.post-form-style-slideout #qr.dump,\n.post-form-slideout-transitions.post-form-style-slideout #qr:hover,\n.post-form-slideout-transitions.post-form-style-slideout #qr.has-focus {\n transition: -webkit-transform .3s linear;\n}\n.post-form-slideout-transitions #qrtab {\n transition: opacity .3s ease-in-out 1s;\n}\n.post-form-slideout-transitions #qr:hover #qrtab {\n transition: opacity .3s linear;\n}\n#qr .close {\n float: right;\n padding: 0 3px;\n}\n#qr .warning {\n min-height: 1.6em;\n vertical-align: middle;\n padding: 0 1px;\n border-width: 1px;\n border-style: solid;\n}\n.persona {\n width: 248px;\n max-width: 100%;\n min-width: 100%;\n}\n.persona input.field {\n width: 100%;\n}\n#qr textarea.field {\n height: 11.6em;\n min-height: 6em;\n}\n#qr.has-captcha textarea.field {\n height: 6em;\n}\n.compact-post-form-inputs .persona input.field {\n width: 33%;\n}\n.compact-post-form-inputs .persona input.field:first-child {\n margin: 0;\n}\n.compact-post-form-inputs .persona input.field {\n margin: 0 0 0 0.5%;\n}\n.compact-post-form-inputs #qr textarea.field {\n height: 14.9em;\n min-height: 9em;\n}\n.compact-post-form-inputs #qr.has-captcha textarea.field {\n height: 9em;\n}\n.tripcode-hider .tripped:not(:hover):not(:focus) {\n color: transparent !important;\n}\n.textarea-resize-horizontal #qr textarea {\n resize: horizontal;\n}\n.textarea-resize-vertical #qr textarea {\n resize: vertical;\n}\n.textarea-resize-both #qr textarea {\n resize: both;\n}\n.textarea-resize-none #qr textarea {\n resize: none;\n}\n.captcha-img {\n margin: 1px 0 0;\n text-align: center;\n line-height: 0;\n}\n.captcha-img img {\n width: 100%;\n height: 4em;\n width: 246px;\n}\n.captcha-input {\n width: 100%;\n margin: 1px 0 0;\n}\n.field,\n.selectrice,\nbutton,\ninput:not([type=radio]) {\n box-sizing: border-box;\n height: 1.6em;\n margin: 1px 0 0;\n vertical-align: bottom;\n padding: 0 1px;\n outline: none;\n}\n.selectrice {\n padding-right: 1.6em;\n}\n#qr textarea {\n min-width: 100%;\n}\n#qr [type='submit'] {\n width: 25%;\n}\n[type='file'] {\n position: absolute;\n opacity: 0;\n z-index: -1;\n}\n/* Fake File Input */\n#qr-filename,\n#qr-filerm,\n.has-file #qr-no-file {\n display: none;\n}\n#qr-no-file,\n.has-file #qr-filename {\n display: block;\n}\n.has-file #qr-filerm {\n display: inline-block;\n}\n#qr-extras-container {\n position: absolute;\n right: 0;\n top: 0;\n z-index: 2;\n}\n#qr-extras-container > label,\n#qr-extras-container > a {\n cursor: pointer;\n margin-right: 3px;\n}\n#qr-filename-container {\n box-sizing: border-box;\n display: inline-block;\n position: relative;\n width: 100px;\n min-width: 74.6%;\n max-width: 74.6%;\n margin-right: 0.4%;\n overflow: hidden;\n padding: 2px 1px 0;\n}\n/* Thread Select */\n#qr-thread-select,\n#qr-thread-select .selectrice div {\n display: inline;\n}\n#qr-thread-select .selectrice {\n cursor: pointer;\n display: inline-block;\n width: 120px;\n border: none;\n background: none transparent;\n padding: 0;\n margin: 0;\n height: auto;\n}\n#qr-thread-select .selectrice::before,\n#qr-thread-select .selectrice::after {\n display: none;\n}\n/* Dumping UI */\n.dump #dump-list-container {\n display: block;\n}\n#dump-list-container {\n display: none;\n position: relative;\n overflow-y: hidden;\n margin-top: 1px;\n}\n#dump-list {\n overflow-x: auto;\n overflow-y: hidden;\n white-space: nowrap;\n width: 248px;\n max-width: 100%;\n min-width: 100%;\n}\n#dump-list:hover {\n overflow-x: auto;\n}\n.qr-preview {\n box-sizing: border-box;\n counter-increment: thumbnails;\n cursor: move;\n display: inline-block;\n height: 90px;\n width: 90px;\n padding: 2px;\n opacity: .5;\n overflow: hidden;\n position: relative;\n text-shadow: 0 1px 1px #000;\n transition: opacity .25s ease-in-out;\n vertical-align: top;\n}\n.qr-preview:hover,\n.qr-preview:focus {\n opacity: .9;\n}\n.qr-preview::before {\n content: counter(thumbnails);\n color: #fff;\n position: absolute;\n top: 3px;\n right: 3px;\n text-shadow: 0 0 3px #000, 0 0 8px #000;\n}\n.qr-preview#selected {\n opacity: 1;\n}\n.qr-preview.drag {\n box-shadow: 0 0 10px rgba(0,0,0,.5);\n}\n.qr-preview.over {\n border-color: #fff;\n}\n.qr-preview > span {\n color: #fff;\n}\n.remove {\n background: none;\n color: #e00;\n font-weight: 700;\n padding: 3px;\n}\na:only-of-type > .remove {\n display: none;\n}\n.remove:hover::after {\n content: \" Remove\";\n}\n.qr-preview > label {\n background: rgba(0,0,0,.5);\n color: #fff;\n right: 0; bottom: 0; left: 0;\n position: absolute;\n text-align: center;\n}\n.qr-preview > label > input {\n margin: 0;\n}\n#add-post {\n cursor: pointer;\n font-size: 2em;\n position: absolute;\n top: 50%;\n right: 10px;\n -webkit-transform: translateY(-50%);\n}\n/* Ads */\n.topad img,\n.middlead img,\n.bottomad img {\n opacity: 0.3;\n transition: opacity .3s linear;\n}\n.topad img:hover,\n.middlead img:hover,\n.bottomad img:hover {\n opacity: 1;\n}\n/* AdBlock Minus */\n.hide-ads .bottomad + hr,\n.hide-ads .topad,\n.hide-ads .middlead,\n.hide-ads .bottomad {\n display: none;\n}\n.shrink-ads .topad a img,\n.shrink-ads .middlead a img,\n.shrink-ads .bottomad a img {\n width: 500px;\n height: auto;\n}\n/* Mascot Positions */\n#mascot {\n display: none;\n position: fixed;\n z-index: -1;\n bottom: 0;\n left: 0;\n right: 0;\n line-height: 0;\n cursor: pointer;\n}\n.mascot-position-above-post-form.post-form-style-fixed #qr #mascot {\n position: absolute;\n bottom: 100%;\n margin-bottom: -2px;\n}\n.mascot-position-above-post-form.post-form-style-fixed.post-form-decorations #qr #mascot {\n margin-bottom: 1px;\n}\n.mascots #mascot {\n display: block;\n}\n.sidebar-location-right.mascot-location-sidebar #mascot,\n.sidebar-location-left.mascot-location-opposite #mascot {\n left: auto;\n}\n.sidebar-location-left.mascot-location-sidebar #mascot,\n.sidebar-location-right.mascot-location-opposite #mascot {\n right: auto;\n}\n.sidebar-location-left.mascot-location-sidebar #mascot img,\n.sidebar-location-right.mascot-location-opposite #mascot img {\n -webkit-transform: scaleX(-1);\n}\n.fourchan-ss-navigation.bottom.fixed.qr-hidden #mascot,\n.fourchan-ss-navigation.bottom.fixed.mascot-position-bottom #mascot,\n.fourchan-ss-navigation.index.pagination-sticky-bottom.mascot-position-bottom #mascot,\n.fourchan-ss-navigation.bottom.fixed:not(.post-form-style-fixed) #mascot,\n.fourchan-ss-navigation.index.pagination-sticky-bottom:not(.post-form-style-fixed) #mascot {\n bottom: 1.5em\n}\n#qr #mascot {\n z-index: -1;\n}\n.mascots-overlap-posts #mascot {\n z-index: 3;\n}\n.mascot-position-middle #mascot {\n bottom: 50% !important;\n -webkit-transform: translateY(50%);\n}\n.mascot-position-top #mascot {\n bottom: auto !important;\n top: 17px;\n}\n.grayscale-mascot #mascot {\n -webkit-filter: url('#grayscale');\n}\n/* Options */\n#overlay {\n position: fixed;\n z-index: 30;\n top: 0;\n right: 0;\n left: 0;\n bottom: 0;\n background: rgba(0,0,0,.5);\n}\n#appchanx-settings {\n width: auto;\n left: 15%;\n right: 15%;\n top: 15%;\n bottom: 15%;\n position: fixed;\n z-index: 31;\n padding: .3em;\n}\n.rounded-edges #appchanx-settings,\n.rounded-edges #appchanx-settings fieldset,\n.rounded-edges .mascots-container,\n.rounded-edges .section-container,\n.rounded-edges .sections-list > a {\n border-radius: 3px;\n}\n.description {\n display: none;\n}\n#appchanx-settings h3,\n.section-keybinds,\n.section-mascots,\n.section-script,\n.style {\n text-align: center;\n}\n.section-keybinds table,\n.section-script fieldset,\n.section-style fieldset {\n text-align: left;\n}\n.section-keybinds table {\n margin: auto;\n}\n#appchanx-settings fieldset {\n padding: 5px 0;\n vertical-align: top;\n border: 0;\n margin: 0 3px 6px;\n display: inline-block;\n}\n.single-column-mode #appchanx-settings fieldset {\n display: block;\n margin: 0 auto 6px;\n}\n#appchanx-settings .section-advanced fieldset {\n display: block;\n margin: 0 auto 6px;\n}\n.section-advanced .archive-cell {\n min-width: 200px;\n}\n.section-advanced .selectrice {\n display: inline-block;\n clear: both;\n}\n.section-container {\n overflow: auto;\n position: absolute;\n top: 1.7em;\n right: 5px;\n bottom: 5px;\n left: 5px;\n padding: 5px;\n}\n.sections-list {\n padding: 0 3px;\n float: left;\n}\n.sections-list > a {\n cursor: pointer;\n position: relative;\n padding: 0 4px;\n z-index: 1;\n height: 1.4em;\n display: inline-block;\n border-width: 1px 1px 0 1px;\n border-color: transparent;\n border-style: solid;\n}\n.sections-list > a.tab-selected {\n border-style: solid;\n}\n.credits {\n float: right;\n}\n#appchanx-settings h3 {\n margin: 0;\n}\n.section-script fieldset > div,\n.section-style fieldset > div,\n.section-advanced fieldset > div {\n overflow: visible;\n padding: 0 5px 0 7px;\n}\n#appchanx-settings tr:nth-of-type(2n+1),\n.section-script fieldset > div:nth-of-type(2n+1),\n.section-advanced fieldset > div:nth-of-type(2n+1),\n.section-style fieldset > div:nth-of-type(2n+1),\n.section-keybinds tr:nth-of-type(2n+1),\n#selectrice li:nth-of-type(2n+1) {\n background-color: rgba(0, 0, 0, 0.05);\n}\narticle li {\n margin: 10px 0 10px 2em;\n}\n#appchanx-settings .option {\n width: 50%;\n display: inline-block;\n vertical-align: bottom;\n}\n.option input {\n width: 100%;\n}\n.optionlabel {\n padding-left: 18px;\n}\n.rice + .optionlabel {\n padding-left: 0;\n}\n.section-script fieldset,\n.styleoption {\n text-align: left;\n}\n.section-style fieldset {\n width: 370px;\n}\n.section-script fieldset {\n width: 200px;\n}\n#mascotcontent,\n#themecontent,\n.suboptions {\n overflow: auto;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 1.7em;\n left: 0;\n}\n#mascotcontent,\n#themecontent {\n padding: 5px;\n}\n#themecontent {\n top: 1.8em;\n}\n.mAlign {\n height: 250px;\n vertical-align: bottom;\n display: table-cell;\n line-height: 0;\n}\n#save,\n.stylesettings {\n position: absolute;\n right: 10px;\n bottom: 0;\n}\n.section-style .suboptions {\n bottom: 0;\n}\n.section-container textarea {\n font-family: monospace;\n min-height: 150px;\n resize: vertical;\n width: 100%;\n}\n/* Hover Functionality */\n#mouseover {\n z-index: 33;\n position: fixed;\n max-width: 70%;\n}\n#mouseover:empty {\n display: none;\n}\n/* Mascot Tab */\n#mascot_hide {\n padding: 3px;\n position: absolute;\n top: 2px;\n right: 18px;\n}\n#mascot_hide .rice {\n float: left;\n}\n#mascot_hide > div {\n height: 0;\n text-align: right;\n overflow: hidden;\n}\n#mascot_hide:hover > div {\n height: auto;\n}\n#mascot_hide label {\n width: 100%;\n display: block;\n clear: both;\n text-decoration: none;\n}\n.mascots-container {\n padding: 0;\n text-align: center;\n}\n.mascot,\n.mascotcontainer {\n overflow: hidden;\n}\n.mascot {\n position: relative;\n border: none;\n margin: 5px;\n padding: 0;\n width: 200px;\n display: inline-block;\n background-color: transparent;\n}\n.mascotcontainer {\n height: 250px;\n border: 0;\n margin: 0;\n max-height: 250px;\n cursor: pointer;\n bottom: 0;\n border-width: 0 1px 1px;\n border-style: solid;\n border-color: transparent;\n overflow: hidden;\n}\n.mascot img {\n max-width: 200px;\n}\n.export-button,\n.mascotname,\n#mascot-options {\n box-sizing: border-box;\n padding: 0;\n width: 100%;\n}\n#mascot-options {\n opacity: 0;\n transition: opacity .3s linear;\n}\n.mascot:hover #mascot-options {\n opacity: 1;\n}\n#mascot-options {\n position: absolute;\n bottom: 0;\n right: 0;\n left: 0;\n}\n.export-button {\n position: absolute;\n bottom: 1.7em;\n right: 0;\n left: 0;\n text-align: center;\n}\n#mascot-options a {\n display: inline-block;\n width: 33%;\n}\n#upload {\n position: absolute;\n width: 100px;\n left: 50%;\n margin-left: -50px;\n text-align: center;\n bottom: 0;\n}\n#mascots_batch {\n position: absolute;\n left: 10px;\n bottom: 0;\n}\n/* Themes Tab */\n#themes h1 {\n position: absolute;\n right: 300px;\n bottom: 10px;\n margin: 0;\n transition: all .2s ease-in-out;\n opacity: 0;\n}\n#themes .selectedtheme h1 {\n right: 11px;\n opacity: 1;\n}\n#addthemes {\n position: absolute;\n left: 10px;\n bottom: 0;\n}\n.theme {\n margin: 1em;\n}\n/* Theme Editor */\n#themeConf {\n position: fixed;\n top: 0;\n bottom: 0;\n width: 296px;\n z-index: 10;\n}\n.sidebar-location-right #themeConf {\n right: 2px;\n left: auto;\n}\n.sidebar-location-right #themeConf {\n left: 2px;\n right: auto;\n}\n#themebar input {\n width: 30%;\n}\n.option .color {\n width: 10%;\n border-left: none !important;\n color: transparent !important;\n}\n.option .colorfield {\n width: 90%;\n}\n.themevar textarea {\n min-width: 100%;\n max-width: 100%;\n height: 20em;\n resize: vertical;\n}\n/* Mascot Editor */\n#mascotConf {\n position: fixed;\n height: 17em;\n bottom: 0;\n left: 50%;\n width: 500px;\n margin-left: -250px;\n overflow: auto;\n z-index: 10;\n}\n#mascotConf .option,\n#mascotConf .optionlabel {\n box-sizing: border-box;\n width: 50%;\n display: inline-block;\n vertical-align: middle;\n}\n#mascotConf .option input {\n width: 100%;\n}\n#close {\n position: absolute;\n left: 10px;\n bottom: 0;\n}\n/* Catalog */\n#content .navLinks,\n#info .navLinks,\n.btn-wrap {\n display: block;\n}\n.navLinks > .btn-wrap:not(:first-of-type)::before {\n content: ' - ';\n}\n.button {\n cursor: pointer;\n}\n#content .btn-wrap,\n#info .btn-wrap {\n display: inline-block;\n}\n#post-preview,\n#quote-preview {\n position: absolute;\n z-index: 22;\n}\n.rounded-edges #post-preview {\n border-radius: 3px;\n}\n#settings,\n#threads,\n#info .navLinks,\n#content .navLinks {\n text-align: center;\n}\n#threads .thread {\n vertical-align: top;\n display: inline-block;\n word-wrap: break-word;\n overflow: hidden;\n margin: 1px;\n padding: 5px 0 3px;\n text-align: center;\n}\n.extended-small .thread,\n.small .thread {\n width: 165px;\n max-height: 320px;\n}\n.small .teaser,\n.large .teaser {\n display: none;\n}\n.extended-large .thread,\n.large .thread {\n width: 270px;\n max-height: 410px;\n}\n.extended-small .thumb,\n.small .thumb {\n max-width: 150px;\n max-height: 150px;\n}\n.panel {\n position: fixed;\n top: 50% !important;\n left: 50%;\n -webkit-transform: translate(-50%, -50%);\n padding: 5px;\n}\n.icon::after {\n display: inline-block;\n float: right;\n width: 1em;\n cursor: pointer;\n}\n.helpIcon::after {\n content: '?';\n}\n.closeIcon::after {\n content: '✖';\n}\n/* Front Page */\n#logo {\n text-align: center;\n}\n#doc {\n box-sizing: border-box;\n margin: 10px auto;\n width: 1006px;\n padding: 2px;\n position: relative;\n}\n.rounded-edges #doc,\n.rounded-edges #doc div {\n border-radius: 3px;\n}\n#boards .boxcontent {\n vertical-align: top;\n text-align: center;\n}\n#filter-container,\n#options-container {\n top: 4px;\n right: 8px;\n position: absolute;\n}\n#filtermenu,\n#optionsmenu {\n top: 100% !important;\n left: auto !important;\n right: 0 !important;\n}\n#boards .column {\n box-sizing: border-box;\n display: inline-block;\n width: 180px;\n text-align: left;\n vertical-align: top;\n}\n.bd ul,\n.boxcontent ul {\n vertical-align: top;\n padding: 0;\n margin: 0;\n}\n.right-box .boxcontent ul {\n padding: 0 10px;\n}\n.yuimenuitem,\n.boxcontent li {\n list-style-type: none;\n}\n.boxbar {\n position: relative;\n}\n#doc h3,\n.boxbar h2 {\n margin: 0;\n}\n#doc h3 {\n text-decoration: none !important;\n}\n.underline-links #doc h3 {\n text-decoration: underline !important;\n}\n#ft,\n.box-outer {\n margin: 2px 0 0;\n overflow: hidden;\n}\n#ft,\n.boxbar,\n.boxcontent {\n padding: 0 8px;\n}\n.yui-module {\n position: absolute;\n}\n.yuimenuitem::before {\n content: \" [ ] \";\n font-family: monospace;\n}\n.yuimenuitem-checked::before {\n content: \" [x] \"\n}\n.yui-g {\n overflow: hidden;\n}\n.yui-u {\n display: inline-block;\n vertical-align: top;\n width: 499px;\n float: right;\n}\n.yui-u.first {\n float: left;\n}\n#recent-images .boxcontent {\n text-align: center;\n}\n#ft {\n text-align: center;\n}\n#ft ul {\n padding: 0;\n}\n#ft li {\n list-style-type: none;\n display: inline-block;\n width: 100px;\n}\n#preview-tooltip-nws,\n#preview-tooltip-ws,\n#ft .fill,\n.clear-bug {\n display: none;\n}\n/* ExLinks */\n#exlinks-options-content {\n padding: 5px;\n}", dynamic: function() { var editSpace, sidebarLocation, _conf; @@ -11535,7 +11531,7 @@ right: 0 }; } - return "#boardNavDesktopFoot a,\n#header-bar a,\n.deleteform::before,\n.field,\n.hide-navigation-decorations .pages a,\n.notification,\n.selectrice,\nbody,\nbutton,\ninput,\ntextarea {\n font-size: " + (parseInt(_conf["Font Size"], 10)) + "px;\n}\n#boardTitle,\n.boardTitle a {\n font-size: " + (parseInt(_conf["Font Size"], 10) + 10) + "px;\n}\n.boardSubtitle,\n.boardSubtitle a {\n font-size: " + (parseInt(_conf["Font Size"], 10) - 1) + "px;\n}\nbody,\nbutton,\ninput,\ntextarea {\n font-family: " + _conf["Font"] + ";\n}\nbody {\n padding: 0 " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px 0 " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"]) + "px;\n}\n.board > .thread {\n margin: " + (parseInt(_conf["Top Thread Padding"], 10)) + "px 0 " + (parseInt(_conf["Bottom Thread Padding"], 10)) + "px 0;\n}\n.post,\n.summary {\n margin-bottom: " + Conf["Post Spacing"] + "px;\n}\n.thread > .threadContainer:last-of-type {\n margin-bottom: -" + Conf["Post Spacing"] + "px;\n}\n.thread > .replyContainer > .reply.post {\n border-width: " + (_conf['Post Spacing'] === "0" ? "1px 1px 0 1px" : '1px') + ";\n}\n#post-preview,\n.postMessage {\n margin: " + _conf['Vertical Post Padding'] + "px " + _conf['Horizontal Post Padding'] + "px;\n}\n:root:not(fourchan-ss-navigation):not(.pagination-on-side) .pagelist,\n:root:not(fourchan-ss-navigation) #header-bar {\n margin-left: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\n margin-right: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"]) + "px;\n}\n/* Emoji */\na.useremail:last-of-type::before {\n margin-right: " + (parseInt(_conf['Emoji Spacing'])) + "px;\n}\na.useremail:last-of-type::after {\n margin-left: " + (parseInt(_conf['Emoji Spacing'])) + "px;\n}\n#mascot {\n opacity: " + Conf['Mascot Opacity'] + ";\n}\n" + (_conf["Emoji"] !== "disable" ? Emoji.css(_conf["Emoji Position"]) : ""); + return "#boardNavDesktopFoot a,\n#header-bar a,\n.deleteform::before,\n.field,\n.hide-navigation-decorations .pages a,\n.notification,\n.selectrice,\nbody,\nbutton,\ninput,\ntextarea {\n font-size: " + (parseInt(_conf["Font Size"], 10)) + "px;\n}\n#boardTitle,\n.boardTitle a {\n font-size: " + (parseInt(_conf["Font Size"], 10) + 10) + "px;\n}\n.boardSubtitle,\n.boardSubtitle a {\n font-size: " + (parseInt(_conf["Font Size"], 10) - 1) + "px;\n}\nbody,\nbutton,\ninput,\ntextarea {\n font-family: " + _conf["Font"] + ";\n}\nbody {\n padding: 0 " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["right"]) + "px 0 " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["left"]) + "px;\n}\n.board > .thread {\n margin: " + (parseInt(_conf["Top Thread Padding"], 10)) + "px 0 " + (parseInt(_conf["Bottom Thread Padding"], 10)) + "px 0;\n}\n.post,\n.summary {\n margin-bottom: " + Conf["Post Spacing"] + "px;\n}\n.thread > .threadContainer:last-of-type {\n margin-bottom: -" + Conf["Post Spacing"] + "px;\n}\n.thread > .replyContainer > .reply.post {\n border-width: " + (_conf['Post Spacing'] === "0" ? "1px 1px 0 1px" : '1px') + ";\n}\n#post-preview,\n.postMessage {\n margin: " + _conf['Vertical Post Padding'] + "px " + _conf['Horizontal Post Padding'] + "px;\n}\n:root:not(fourchan-ss-navigation):not(.pagination-on-side) .pagelist,\n:root:not(fourchan-ss-navigation) #header-bar {\n margin-left: " + (parseInt(_conf["Left Thread Padding"], 10) + editSpace["right"]) + "px;\n margin-right: " + (parseInt(_conf["Right Thread Padding"], 10) + editSpace["left"]) + "px;\n}\n/* Emoji */\na.useremail:last-of-type::before {\n margin-right: " + (parseInt(_conf['Emoji Spacing'])) + "px;\n}\na.useremail:last-of-type::after {\n margin-left: " + (parseInt(_conf['Emoji Spacing'])) + "px;\n}\n#mascot {\n opacity: " + Conf['Mascot Opacity'] + ";\n}"; }, theme: function(theme) { var background, backgroundC, bgColor, replybg; @@ -11544,7 +11540,7 @@ replybg = new Style.color(Style.colorToHex(theme["Reply Background"])); Style.lightTheme = bgColor.isLight(); Style.svg.innerHTML = "\n\n"; - return (".hide_thread_button span > span,\n.hide_reply_button span > span {\n background-color: " + theme["Links"] + ";\n}\n#mascot_hide label {\n border-bottom: 1px solid " + theme["Reply Border"] + ";\n}\n#content .thumb {\n box-shadow: 0 0 5px " + theme["Reply Border"] + ";\n}\n.export-button,\n.mascotname,\n#mascot-options {\n background: " + theme["Dialog Background"] + ";\n border: 1px solid " + theme["Buttons Border"] + ";\n}\n.highlight-you .opContainer.quotesYou,\n.highlight-own .opContainer.yourPost,\n.opContainer.filter-highlight {\n box-shadow: inset 5px 0 " + theme["Backlinked Reply Outline"] + ";\n}\n.highlight-you .quotesYou > .reply,\n.highlight-own .yourPost > .reply,\n.filter-highlight > .reply {\n box-shadow: -5px 0 " + theme["Backlinked Reply Outline"] + ";\n}\nhr {\n border-bottom: 1px solid " + theme["Reply Border"] + ";\n}\nhr#unread-line {\n border-bottom: 1px solid " + theme["Reply Background"] + ";\n visibility: visible;\n}\n.threadContainer {\n border-color: " + theme["Reply Border"] + " !important;\n}\nhtml {\n background: " + (backgroundC || '') + ";\n background-image: " + (theme["Background Image"] || '') + ";\n background-repeat: " + (theme["Background Repeat"] || '') + ";\n background-attachment: " + (theme["Background Attachment"] || '') + ";\n background-position: " + (theme["Background Position"] || '') + ";\n}\n.panel,\n.section-container,\n#exlinks-options-content,\n#themecontent {\n background: " + backgroundC + ";\n border: 1px solid " + theme["Reply Border"] + ";\n}\n.sections-list > a.tab-selected {\n background: " + backgroundC + ";\n border-color: " + theme["Reply Border"] + ";\n}\n.captcha-img img {\n -webkit-filter: url(\"#captcha-filter\");\n}\n#boardTitle {\n text-shadow:\n 1px 1px " + backgroundC + ",\n -1px -1px " + backgroundC + ",\n 1px -1px " + backgroundC + ",\n -1px 1px " + backgroundC + ";\n}\n.sidebar-glow #boardTitle {\n text-shadow:\n 1px 1px 1px " + backgroundC + ",\n -1px -1px 1px " + backgroundC + ",\n 1px -1px 1px " + backgroundC + ",\n -1px 1px 1px " + backgroundC + ",\n 0 2px 4px rgba(0,0,0,.6),\n 0 0 10px rgba(0,0,0,.6);\n}\n#exlinks-options,\n#appchanx-settings,\n#qrtab,\n.post-form-style-float .qr-wrapper,\ninput[type=\"submit\"],\ninput[value=\"Report\"],\nspan[style=\"left: 5px; position: absolute;\"] a {\n background: " + theme["Buttons Background"] + ";\n border: 1px solid " + theme["Buttons Border"] + ";\n}\n.enabled .mascotcontainer {\n background: " + theme["Buttons Background"] + ";\n border-color: " + theme["Buttons Border"] + ";\n}\n#dump,\n#qr-filename-container,\n#appchanx-settings input,\n.captcha-img,\n.dump #dump,\n.qr-preview,\n.selectrice,\nbutton,\ninput,\ntextarea {\n background: " + theme["Input Background"] + ";\n border: 1px solid " + theme["Input Border"] + ";\n}\n.has-file #qr-extras-container {\n background: " + theme["Input Background"] + ";\n}\n#dump:hover,\n#qr-filename-container:hover,\n.selectrice:hover,\n#selectrice li:hover,\n#selectrice li:nth-of-type(2n+1):hover,\ninput:hover,\ntextarea:hover {\n background: " + theme["Hovered Input Background"] + ";\n border-color: " + theme["Hovered Input Border"] + ";\n}\n.has-file #qr-filename-container:hover #qr-extras-container {\n background: " + theme["Hovered Input Background"] + ";\n}\n#dump:active,\n#dump:focus,\n#selectrice li:focus,\n.selectrice:focus,\n#qr-filename-container:active,\n#qr-filename-container:focus,\ninput:focus,\ntextarea:focus,\ntextarea.field:focus {\n background: " + theme["Focused Input Background"] + ";\n border-color: " + theme["Focused Input Border"] + ";\n color: " + theme["Inputs"] + ";\n}\n.has-file #qr-filename-container:active #qr-extras-container,\n.has-file #qr-filename-container:focus #qr-extras-container {\n background: " + theme["Focused Input Background"] + ";\n}\n#ft,\n#mouseover,\n#post-preview,\n#qp .post,\n#threads > .thread,\n#xupdater,\n.box-outer,\n.reply.post {\n border-width: 1px;\n border-style: solid;\n border-color: " + theme["Reply Border"] + ";\n background: " + theme["Reply Background"] + ";\n}\n.exblock.reply,\n.reply.post.highlight,\n.reply.post:target {\n background: " + theme["Highlighted Reply Background"] + ";\n border: 1px solid " + theme["Highlighted Reply Border"] + ";\n}\n#header-bar,\n.pagelist {\n background: " + theme["Navigation Background"] + ";\n border-color: " + theme["Navigation Border"] + ";\n}\n#doc,\n#threads,\n.board > .thread {\n background: " + theme["Thread Wrapper Background"] + ";\n border: 1px solid " + theme["Thread Wrapper Border"] + ";\n}\n#boardNavDesktopFoot,\n#mascot_hide,\n#menu,\n#selectrice,\n#themeConf,\n#watcher,\n#watcher:hover,\n.dialog,\n.submenu {\n background: " + theme["Dialog Background"] + ";\n border: 1px solid " + theme["Dialog Border"] + ";\n}\n.watch-thread-link {\n background-image: url(\"data:image/svg+xml,\");\n} \n.deleteform::before,\n.deleteform,\n#qr .warning {\n background: " + theme["Input Background"] + ";\n border-color: " + theme["Input Border"] + ";\n}\n.disabledwarning,\n.warning {\n color: " + theme["Warnings"] + ";\n}\n#charCount {\n color: " + (Style.lightTheme ? "rgba(0,0,0,0.7)" : "rgba(255,255,255,0.7)") + ";\n}\n.postNum a {\n color: " + theme["Post Numbers"] + ";\n}\n.subject {\n color: " + theme["Subjects"] + " !important;\n}\n.dateTime,\n.post-ago {\n color: " + theme["Timestamps"] + " !important;\n}\n#fs_status a,\n#updater #update-status:not(.new)::after,\n#showQR,\n.abbr,\n.boxbar,\n.boxcontent,\n.deleteform::before,\n.pages strong,\n.pln,\n.reply,\n.reply.highlight,\n.summary,\nbody,\nbutton,\nspan[style=\"left: 5px; position: absolute;\"] a,\ninput,\ntextarea {\n color: " + theme["Text"] + ";\n}\n#exlinks-options-content > table,\n#appchanx-settings fieldset,\n#selectrice {\n border-bottom: 1px solid " + theme["Reply Border"] + ";\n box-shadow: inset " + theme["Shadow Color"] + " 0 0 5px;\n}\n.quote + .spoiler:hover,\n.quote {\n color: " + theme["Greentext"] + ";\n}\n.forwardlink {\n border-bottom: 1px dashed " + theme["Backlinks"] + ";\n}\n.container::before {\n color: " + theme["Timestamps"] + ";\n}\n.quote-shadows #menu,\n.quote-shadows #post-preview,\n.quote-shadows #qp .opContainer,\n.quote-shadows #qp .replyContainer,\n.quote-shadows .submenu {\n box-shadow: 5px 5px 5px " + theme['Shadow Color'] + ";\n}\n.rice {\n background: " + theme["Checkbox Background"] + ";\n border: 1px solid " + theme["Checkbox Border"] + ";\n}\n.selectrice::before {\n border-left: 1px solid " + theme["Input Border"] + ";\n}\n.selectrice::after {\n border-top: .45em solid " + theme["Inputs"] + ";\n}\n.bd {\n background: " + theme["Buttons Background"] + ";\n border: 1px solid " + theme["Buttons Border"] + ";\n}\n.pages a,\n#header-bar a {\n color: " + theme["Navigation Links"] + ";\n}\ninput[type=checkbox]:checked + .rice::after {\n border-color: " + theme["Inputs"] + ";\n}\n#addReply,\n#dump,\n.button,\n.entry,\n.replylink,\na {\n color: " + theme["Links"] + ";\n}\n.backlink {\n color: " + theme["Backlinks"] + ";\n}\n.qiQuote,\n.quotelink {\n color: " + theme["Quotelinks"] + ";\n}\n#addReply:hover,\n#dump:hover,\n.entry:hover,\n.replylink:hover,\n.qiQuote:hover,\n.quotelink:hover,\na .name:hover,\na .postertrip:hover,\na:hover {\n color: " + theme["Hovered Links"] + ";\n}\n#header-bar a:hover,\n#boardTitle a:hover {\n color: " + theme["Hovered Navigation Links"] + ";\n}\n#boardTitle {\n color: " + theme["Board Title"] + ";\n}\n.name,\n.post-author {\n color: " + theme["Names"] + " !important;\n}\n.post-tripcode,\n.postertrip,\n.trip {\n color: " + theme["Tripcodes"] + " !important;\n}\na .postertrip,\na .name {\n color: " + theme["Emails"] + ";\n}\n.post.reply.qphl,\n.post.op.qphl {\n border-color: " + theme["Backlinked Reply Outline"] + ";\n background: " + theme["Highlighted Reply Background"] + ";\n}\n.quote-shadows .inline .post {\n box-shadow: 5px 5px 5px " + theme['Shadow Color'] + ";\n}\n.placeholder,\n#qr input::placeholder,\n#qr textarea::placeholder {\n color: " + (Style.lightTheme ? "rgba(0,0,0,0.3)" : "rgba(255,255,255,0.2)") + " !important;\n}\n#qr input:placeholder,\n#qr textarea:placeholder,\n.placeholder {\n color: " + (Style.lightTheme ? "rgba(0,0,0,0.3)" : "rgba(255,255,255,0.2)") + " !important;\n}\n#appchanx-settings fieldset,\n.boxcontent dd,\n.selectrice ul {\n border-color: " + (Style.lightTheme ? "rgba(0,0,0,0.1)" : "rgba(255,255,255,0.1)") + ";\n}\n#appchanx-settings li,\n#selectrice li:not(:first-of-type) {\n border-top: 1px solid " + (Style.lightTheme ? "rgba(0,0,0,0.05)" : "rgba(255,255,255,0.025)") + ";\n}\n#navtopright .exlinksOptionsLink::after,\n#main-menu,\n.navLinks > a:first-of-type::after,\n#watcher::after,\n#globalMessage::after,\n#boardNavDesktopFoot::after,\n#img-controls,\n#catalog::after,\n#fappeTyme {\n " + (!Style.lightTheme ? "-webkit-filter: url(\"#icons-filter\");" : "") + "\n}\n.alternate-post-colors #threads > .thread:nth-of-type(2n+1),\n.alternate-post-colors .replyContainer:nth-of-type(2n+1) .post {\n background-image: linear-gradient(" + (replybg ? "rgba(" + (replybg.shiftRGB(-4, false)) + ",0.8), rgba(" + (replybg.shiftRGB(-4, false)) + ",0.8)" : Style.lightTheme ? "rgba(0,0,0,0.05), rgba(0,0,0,0.05)" : "rgba(255,255,255,0.02), rgba(255,255,255,0.02)") + ");\n}\n.color-reply-headings .boxbar,\n.color-reply-headings .postInfo {\n background: " + (replybg ? "rgba(" + (replybg.shiftRGB(-12, false)) + ",0.8)" : "rgba(0,0,0,0.1)") + ";\n border-bottom: 1px solid " + theme["Reply Border"] + "\n}\n.color-file-info .file {\n background: " + (replybg ? "rgba(" + (replybg.shiftRGB(-8, false)) + ",0.8)" : "rgba(0,0,0,0.1)") + ";\n border-bottom: 1px solid " + theme["Reply Border"] + "\n border-top: 1px solid " + theme["Reply Border"] + "\n}\n.color-reply.headings.color-file-info {\n border-top: none;\n}\n.op-background .op.post {\n background: " + theme["Reply Background"] + ";\n border: 1px solid " + theme["Reply Border"] + ";\n}\n.op-background .op.post:target\n.op-background .op.post.highlight {\n background: " + theme["Highlighted Reply Background"] + ";\n border: 1px solid " + theme["Highlighted Reply Border"] + ";\n}\n.fourchan-banner-at-sidebar-top.icon-orientation-vertical body::after {\n background: " + backgroundC + ";\n}\n.fourchan-banner-at-sidebar-top.icon-orientation-vertical.fourchan-ss-sidebar body::after,\n.fourchan-banner-at-sidebar-top.fourchan-ss-sidebar body::before {\n background: rgba(" + ((background = new Style.color(Style.colorToHex(theme["Reply Background"]))) ? background.shiftRGB(-18) : void 0) + ", 0.8);\n}\n.fourchan-ss-sidebar.sidebar-location-right body::before {\n border-left: 2px solid " + backgroundC + ";\n box-shadow:\n inset 1px 0 0 " + theme["Reply Border"] + ",\n -1px 0 0 " + theme["Reply Border"] + ";\n}\n.fourchan-ss-sidebar.sidebar-location-left body::before {\n border-right: 2px solid " + backgroundC + ";\n box-shadow:\n 1px 0 0 " + theme["Reply Border"] + ",\n inset -1px 0 0 " + theme["Reply Border"] + ";\n}\n.sage-highlighting-text.sage-highlight-position-before a.useremail[href*=\"sage\"]:last-of-type::before,\n.sage-highlighting-text.sage-highlight-position-before a.useremail[href*=\"Sage\"]:last-of-type::before,\n.sage-highlighting-text.sage-highlight-position-before a.useremail[href*=\"SAGE\"]:last-of-type::before,\n.sage-highlighting-text.sage-highlight-position-after a.useremail[href*=\"sage\"]:last-of-type::after,\n.sage-highlighting-text.sage-highlight-position-after a.useremail[href*=\"Sage\"]:last-of-type::after,\n.sage-highlighting-text.sage-highlight-position-after a.useremail[href*=\"SAGE\"]:last-of-type::after {\n content: \" (sage) \";\n color: " + theme["Sage"] + ";\n}\n.sage-highlighting-image.sage-highlight-position-before a.useremail[href*=\"sage\"]:last-of-type::before,\n.sage-highlighting-image.sage-highlight-position-before a.useremail[href*=\"Sage\"]:last-of-type::before,\n.sage-highlighting-image.sage-highlight-position-before a.useremail[href*=\"SAGE\"]:last-of-type::before,\n.sage-highlighting-image.sage-highlight-position-after a.useremail[href*=\"sage\"]:last-of-type::after,\n.sage-highlighting-image.sage-highlight-position-after a.useremail[href*=\"Sage\"]:last-of-type::after,\n.sage-highlighting-image.sage-highlight-position-after a.useremail[href*=\"SAGE\"]:last-of-type::after{\n content: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAABa1BMVEUAAACqrKiCgYIAAAAAAAAAAACHmX5pgl5NUEx/hnx4hXRSUVMiIyKwrbFzn19SbkZ1d3OvtqtpaWhcX1ooMyRsd2aWkZddkEV8vWGcpZl+kHd7jHNdYFuRmI4bHRthaV5WhUFsfGZReUBFZjdJazpGVUBnamYfHB9TeUMzSSpHgS1cY1k1NDUyOC8yWiFywVBoh1lDSEAZHBpucW0ICQgUHhBjfFhCRUA+QTtEQUUBAQFyo1praWspKigWFRZHU0F6j3E9Oz5VWFN0j2hncWONk4sAAABASDxJWkJKTUgAAAAvNC0fJR0DAwMAAAA9QzoWGhQAAAA8YytvrFOJsnlqyT9oqExqtkdrsExpsUsqQx9rpVJDbzBBbi5utk9jiFRuk11iqUR64k5Wf0JIZTpadk5om1BkyjmF1GRNY0FheFdXpjVXhz86XSp2yFJwslR3w1NbxitbtDWW5nNnilhFXTtYqDRwp1dSijiJ7H99AAAAUnRSTlMAJTgNGQml71ypu3cPEN/RDh8HBbOwQN7wVg4CAQZ28vs9EDluXjo58Ge8xwMy0P3+rV8cT73sawEdTv63NAa3rQwo4cUdAl3hWQSWvS8qqYsjEDiCzAAAAIVJREFUeNpFx7GKAQAYAOD/A7GbZVAWZTBZFGQw6LyCF/MIkiTdcOmWSzYbJVE2u1KX0J1v+8QDv/EkyS0yXF/NgeEILiHfyc74mICTQltqYXBeAWU9HGxU09YqqEvAElGjyZYjPyLqitjzHSEiGkrsfMWr0VLe+oy/djGP//YwfbeP8bN3Or0bkqEVblAAAAAASUVORK5CYII=\");\n vertical-align: top;\n}\n.announcements-slideout #globalMessage {\n background: " + theme["Dialog Background"] + ";\n border: 1px solid " + theme["Dialog Border"] + ";\n}\n.post-form-decorations .qr-wrapper {\n background: " + backgroundC + ";\n border: 1px solid " + theme["Buttons Border"] + ";\n}\n.quote-shadows #qr {\n box-shadow: 5px 5px 5px " + theme['Shadow Color'] + ";\n}\n" + theme["Custom CSS"]) + (Style.lightTheme ? ".prettyprint {\n background-color: #e7e7e7;\n border: 1px solid #dcdcdc;\n}\n.com {\n color: #dd0000;\n}\n.str,\n.atv {\n color: #7fa61b;\n}\n.pun {\n color: #61663a;\n}\n.tag {\n color: #117743;\n}\n.kwd {\n color: #5a6F9e;\n}\n.typ,\n.atn {\n color: #9474bd;\n}\n.lit {\n color: #368c72;\n}" : ".prettyprint {\n background-color: rgba(0,0,0,.1);\n border: 1px solid rgba(0,0,0,0.5);\n}\n.tag {\n color: #96562c;\n}\n.pun {\n color: #5b6f2a;\n}\n.com {\n color: #a34443;\n}\n.str,\n.atv {\n color: #8ba446;\n}\n.kwd {\n color: #987d3e;\n}\n.typ,\n.atn {\n color: #897399;\n}\n.lit {\n color: #558773;\n}"); + return (".hide_thread_button span > span,\n.hide_reply_button span > span {\n background-color: " + theme["Links"] + ";\n}\n#mascot_hide label {\n border-bottom: 1px solid " + theme["Reply Border"] + ";\n}\n#content .thumb {\n box-shadow: 0 0 5px " + theme["Reply Border"] + ";\n}\n.export-button,\n.mascotname,\n#mascot-options {\n background: " + theme["Dialog Background"] + ";\n border: 1px solid " + theme["Buttons Border"] + ";\n}\n.highlight-you .opContainer.quotesYou,\n.highlight-own .opContainer.yourPost,\n.opContainer.filter-highlight {\n box-shadow: inset 5px 0 " + theme["Backlinked Reply Outline"] + ";\n}\n.highlight-you .quotesYou > .reply,\n.highlight-own .yourPost > .reply,\n.filter-highlight > .reply {\n box-shadow: -5px 0 " + theme["Backlinked Reply Outline"] + ";\n}\nhr {\n border-bottom: 1px solid " + theme["Reply Border"] + ";\n}\nhr#unread-line {\n border-bottom: 1px solid " + theme["Reply Background"] + ";\n visibility: visible;\n}\n.threadContainer {\n border-color: " + theme["Reply Border"] + " !important;\n}\nhtml {\n background: " + (backgroundC || '') + ";\n background-image: " + (theme["Background Image"] || '') + ";\n background-repeat: " + (theme["Background Repeat"] || '') + ";\n background-attachment: " + (theme["Background Attachment"] || '') + ";\n background-position: " + (theme["Background Position"] || '') + ";\n}\n.panel,\n.section-container,\n#exlinks-options-content,\n#themecontent {\n background: " + backgroundC + ";\n border: 1px solid " + theme["Reply Border"] + ";\n}\n.sections-list > a.tab-selected {\n background: " + backgroundC + ";\n border-color: " + theme["Reply Border"] + ";\n}\n.captcha-img img {\n -webkit-filter: url(\"#captcha-filter\");\n}\n#boardTitle {\n text-shadow:\n 1px 1px " + backgroundC + ",\n -1px -1px " + backgroundC + ",\n 1px -1px " + backgroundC + ",\n -1px 1px " + backgroundC + ";\n}\n.sidebar-glow #boardTitle {\n text-shadow:\n 1px 1px 1px " + backgroundC + ",\n -1px -1px 1px " + backgroundC + ",\n 1px -1px 1px " + backgroundC + ",\n -1px 1px 1px " + backgroundC + ",\n 0 2px 4px rgba(0,0,0,.6),\n 0 0 10px rgba(0,0,0,.6);\n}\n#exlinks-options,\n#appchanx-settings,\n#qrtab,\n.post-form-style-float .qr-wrapper,\ninput[type=\"submit\"],\ninput[value=\"Report\"],\nspan[style=\"left: 5px; position: absolute;\"] a {\n background: " + theme["Buttons Background"] + ";\n border: 1px solid " + theme["Buttons Border"] + ";\n}\n.enabled .mascotcontainer {\n background: " + theme["Buttons Background"] + ";\n border-color: " + theme["Buttons Border"] + ";\n}\n#dump,\n#qr-filename-container,\n#appchanx-settings input,\n.captcha-img,\n.dump #dump,\n.qr-preview,\n.selectrice,\nbutton,\ninput,\ntextarea {\n background: " + theme["Input Background"] + ";\n border: 1px solid " + theme["Input Border"] + ";\n}\n.has-file #qr-extras-container {\n background: " + theme["Input Background"] + ";\n}\n#dump:hover,\n#qr-filename-container:hover,\n.selectrice:hover,\n#selectrice li:hover,\n#selectrice li:nth-of-type(2n+1):hover,\ninput:hover,\ntextarea:hover {\n background: " + theme["Hovered Input Background"] + ";\n border-color: " + theme["Hovered Input Border"] + ";\n}\n.has-file #qr-filename-container:hover #qr-extras-container {\n background: " + theme["Hovered Input Background"] + ";\n}\n#dump:active,\n#dump:focus,\n#selectrice li:focus,\n.selectrice:focus,\n#qr-filename-container:active,\n#qr-filename-container:focus,\ninput:focus,\ntextarea:focus,\ntextarea.field:focus {\n background: " + theme["Focused Input Background"] + ";\n border-color: " + theme["Focused Input Border"] + ";\n color: " + theme["Inputs"] + ";\n}\n.has-file #qr-filename-container:active #qr-extras-container,\n.has-file #qr-filename-container:focus #qr-extras-container {\n background: " + theme["Focused Input Background"] + ";\n}\n#ft,\n#mouseover,\n#post-preview,\n#qp .post,\n#threads > .thread,\n#xupdater,\n.box-outer,\n.reply.post {\n border-width: 1px;\n border-style: solid;\n border-color: " + theme["Reply Border"] + ";\n background: " + theme["Reply Background"] + ";\n}\n.exblock.reply,\n.reply.post.highlight,\n.reply.post:target {\n background: " + theme["Highlighted Reply Background"] + ";\n border: 1px solid " + theme["Highlighted Reply Border"] + ";\n}\n#header-bar,\n.pagelist {\n background: " + theme["Navigation Background"] + ";\n border-color: " + theme["Navigation Border"] + ";\n}\n#doc,\n#threads,\n.board > .thread {\n background: " + theme["Thread Wrapper Background"] + ";\n border: 1px solid " + theme["Thread Wrapper Border"] + ";\n}\n#boardNavDesktopFoot,\n#mascot_hide,\n#menu,\n#selectrice,\n#themeConf,\n#watcher,\n#watcher:hover,\n.dialog,\n.submenu {\n background: " + theme["Dialog Background"] + ";\n border: 1px solid " + theme["Dialog Border"] + ";\n}\n.watch-thread-link {\n background-image: url(\"data:image/svg+xml,\");\n} \n.deleteform::before,\n.deleteform,\n#qr .warning {\n background: " + theme["Input Background"] + ";\n border-color: " + theme["Input Border"] + ";\n}\n.disabledwarning,\n.warning {\n color: " + theme["Warnings"] + ";\n}\n#charCount {\n color: " + (Style.lightTheme ? "rgba(0,0,0,0.7)" : "rgba(255,255,255,0.7)") + ";\n}\n.postNum a {\n color: " + theme["Post Numbers"] + ";\n}\n.subject {\n color: " + theme["Subjects"] + " !important;\n}\n.dateTime,\n.post-ago {\n color: " + theme["Timestamps"] + " !important;\n}\n#fs_status a,\n#updater #update-status:not(.new)::after,\n#showQR,\n.abbr,\n.boxbar,\n.boxcontent,\n.deleteform::before,\n.pages strong,\n.pln,\n.reply,\n.reply.highlight,\n.summary,\nbody,\nbutton,\nspan[style=\"left: 5px; position: absolute;\"] a,\ninput,\ntextarea {\n color: " + theme["Text"] + ";\n}\n#exlinks-options-content > table,\n#appchanx-settings fieldset,\n#selectrice {\n border-bottom: 1px solid " + theme["Reply Border"] + ";\n box-shadow: inset " + theme["Shadow Color"] + " 0 0 5px;\n}\n.quote + .spoiler:hover,\n.quote {\n color: " + theme["Greentext"] + ";\n}\n.forwardlink {\n border-bottom: 1px dashed " + theme["Backlinks"] + ";\n}\n.container::before {\n color: " + theme["Timestamps"] + ";\n}\n.quote-shadows #menu,\n.quote-shadows #post-preview,\n.quote-shadows #qp .opContainer,\n.quote-shadows #qp .replyContainer,\n.quote-shadows .submenu {\n box-shadow: 5px 5px 5px " + theme['Shadow Color'] + ";\n}\n.rice {\n background: " + theme["Checkbox Background"] + ";\n border: 1px solid " + theme["Checkbox Border"] + ";\n}\n.selectrice::before {\n border-left: 1px solid " + theme["Input Border"] + ";\n}\n.selectrice::after {\n border-top: .45em solid " + theme["Inputs"] + ";\n}\n.bd {\n background: " + theme["Buttons Background"] + ";\n border: 1px solid " + theme["Buttons Border"] + ";\n}\n.pages a,\n#header-bar a {\n color: " + theme["Navigation Links"] + ";\n}\ninput[type=checkbox]:checked + .rice::after {\n border-color: " + theme["Inputs"] + ";\n}\n#addReply,\n#dump,\n.button,\n.entry,\n.replylink,\na {\n color: " + theme["Links"] + ";\n}\n.backlink {\n color: " + theme["Backlinks"] + ";\n}\n.qiQuote,\n.quotelink {\n color: " + theme["Quotelinks"] + ";\n}\n#addReply:hover,\n#dump:hover,\n.entry:hover,\n.replylink:hover,\n.qiQuote:hover,\n.quotelink:hover,\na .name:hover,\na .postertrip:hover,\na:hover {\n color: " + theme["Hovered Links"] + ";\n}\n#header-bar a:hover,\n#boardTitle a:hover {\n color: " + theme["Hovered Navigation Links"] + ";\n}\n#boardTitle {\n color: " + theme["Board Title"] + ";\n}\n.name,\n.post-author {\n color: " + theme["Names"] + " !important;\n}\n.post-tripcode,\n.postertrip,\n.trip {\n color: " + theme["Tripcodes"] + " !important;\n}\na .postertrip,\na .name {\n color: " + theme["Emails"] + ";\n}\n.post.reply.qphl,\n.post.op.qphl {\n border-color: " + theme["Backlinked Reply Outline"] + ";\n background: " + theme["Highlighted Reply Background"] + ";\n}\n.quote-shadows .inline .post {\n box-shadow: 5px 5px 5px " + theme['Shadow Color'] + ";\n}\n.placeholder,\n#qr input::placeholder,\n#qr textarea::placeholder {\n color: " + (Style.lightTheme ? "rgba(0,0,0,0.3)" : "rgba(255,255,255,0.2)") + " !important;\n}\n#qr input:placeholder,\n#qr textarea:placeholder,\n.placeholder {\n color: " + (Style.lightTheme ? "rgba(0,0,0,0.3)" : "rgba(255,255,255,0.2)") + " !important;\n}\n#appchanx-settings fieldset,\n.boxcontent dd,\n.selectrice ul {\n border-color: " + (Style.lightTheme ? "rgba(0,0,0,0.1)" : "rgba(255,255,255,0.1)") + ";\n}\n#appchanx-settings li,\n#selectrice li:not(:first-of-type) {\n border-top: 1px solid " + (Style.lightTheme ? "rgba(0,0,0,0.05)" : "rgba(255,255,255,0.025)") + ";\n}\n#navtopright .exlinksOptionsLink::after,\n#main-menu,\n.navLinks > a:first-of-type::after,\n#watcher::after,\n#globalMessage::after,\n#boardNavDesktopFoot::after,\n#img-controls,\n#catalog::after,\n#fappeTyme {\n " + (!Style.lightTheme ? "-webkit-filter: url(\"#icons-filter\");" : "") + "\n}\n.alternate-post-colors #threads > .thread:nth-of-type(2n+1),\n.alternate-post-colors .replyContainer:nth-of-type(2n+1) .post {\n background-image: linear-gradient(" + (replybg ? "rgba(" + (replybg.shiftRGB(-4, false)) + ",0.8), rgba(" + (replybg.shiftRGB(-4, false)) + ",0.8)" : Style.lightTheme ? "rgba(0,0,0,0.05), rgba(0,0,0,0.05)" : "rgba(255,255,255,0.02), rgba(255,255,255,0.02)") + ");\n}\n.color-reply-headings .boxbar,\n.color-reply-headings .postInfo {\n background: " + (replybg ? "rgba(" + (replybg.shiftRGB(-12, false)) + ",0.8)" : "rgba(0,0,0,0.1)") + ";\n border-bottom: 1px solid " + theme["Reply Border"] + "\n}\n.color-file-info .file {\n background: " + (replybg ? "rgba(" + (replybg.shiftRGB(-8, false)) + ",0.8)" : "rgba(0,0,0,0.1)") + ";\n border-bottom: 1px solid " + theme["Reply Border"] + "\n border-top: 1px solid " + theme["Reply Border"] + "\n}\n.color-reply.headings.color-file-info {\n border-top: none;\n}\n.op-background .op.post {\n background: " + theme["Reply Background"] + ";\n border: 1px solid " + theme["Reply Border"] + ";\n}\n.op-background .op.post:target\n.op-background .op.post.highlight {\n background: " + theme["Highlighted Reply Background"] + ";\n border: 1px solid " + theme["Highlighted Reply Border"] + ";\n}\n.fourchan-banner-at-sidebar-top.icon-orientation-vertical body::after {\n background: " + backgroundC + ";\n}\n.fourchan-banner-at-sidebar-top.icon-orientation-vertical.fourchan-ss-sidebar body::after,\n.fourchan-banner-at-sidebar-top.fourchan-ss-sidebar body::before {\n background: rgba(" + ((background = new Style.color(Style.colorToHex(theme["Reply Background"]))) ? background.shiftRGB(-18) : void 0) + ", 0.8);\n}\n.fourchan-ss-sidebar.sidebar-location-right body::before {\n border-left: 2px solid " + backgroundC + ";\n box-shadow:\n inset 1px 0 0 " + theme["Reply Border"] + ",\n -1px 0 0 " + theme["Reply Border"] + ";\n}\n.fourchan-ss-sidebar.sidebar-location-left body::before {\n border-right: 2px solid " + backgroundC + ";\n box-shadow:\n 1px 0 0 " + theme["Reply Border"] + ",\n inset -1px 0 0 " + theme["Reply Border"] + ";\n}\n.sage-highlighting-text.sage-highlight-position-before a.useremail[href*=\"sage\"]:last-of-type::before,\n.sage-highlighting-text.sage-highlight-position-before a.useremail[href*=\"Sage\"]:last-of-type::before,\n.sage-highlighting-text.sage-highlight-position-before a.useremail[href*=\"SAGE\"]:last-of-type::before,\n.sage-highlighting-text.sage-highlight-position-after a.useremail[href*=\"sage\"]:last-of-type::after,\n.sage-highlighting-text.sage-highlight-position-after a.useremail[href*=\"Sage\"]:last-of-type::after,\n.sage-highlighting-text.sage-highlight-position-after a.useremail[href*=\"SAGE\"]:last-of-type::after {\n content: \" (sage) \";\n color: " + theme["Sage"] + ";\n}\n.announcements-slideout #globalMessage {\n background: " + theme["Dialog Background"] + ";\n border: 1px solid " + theme["Dialog Border"] + ";\n}\n.post-form-decorations .qr-wrapper {\n background: " + backgroundC + ";\n border: 1px solid " + theme["Buttons Border"] + ";\n}\n.quote-shadows #qr {\n box-shadow: 5px 5px 5px " + theme['Shadow Color'] + ";\n}\n" + theme["Custom CSS"]) + (Style.lightTheme ? ".prettyprint {\n background-color: #e7e7e7;\n border: 1px solid #dcdcdc;\n}\n.com {\n color: #dd0000;\n}\n.str,\n.atv {\n color: #7fa61b;\n}\n.pun {\n color: #61663a;\n}\n.tag {\n color: #117743;\n}\n.kwd {\n color: #5a6F9e;\n}\n.typ,\n.atn {\n color: #9474bd;\n}\n.lit {\n color: #368c72;\n}" : ".prettyprint {\n background-color: rgba(0,0,0,.1);\n border: 1px solid rgba(0,0,0,0.5);\n}\n.tag {\n color: #96562c;\n}\n.pun {\n color: #5b6f2a;\n}\n.com {\n color: #a34443;\n}\n.str,\n.atv {\n color: #8ba446;\n}\n.kwd {\n color: #987d3e;\n}\n.typ,\n.atn {\n color: #897399;\n}\n.lit {\n color: #558773;\n}"); }, iconPositions: function() { var align, aligner, css, i, iconOffset, navlinks, notCatalog, notEither, position, psa, sidebar, _conf; @@ -13684,16 +13680,16 @@ advanced: function(section) { var archive, boardID, boardOptions, boardSelect, boards, data, event, input, inputs, item, items, name, row, rows, ta, table, _i, _j, _k, _l, _len, _len1, _len2, _len3, _ref, _ref1, _ref2, _ref3, _ref4; - section.innerHTML = "
Archiver
404 Redirect is disabled.
Thread redirectionPost fetchingFile redirection
Disabled selections indicate that only one archive is available for that board and redirection type.
Custom Board Navigation
New lines will be converted into spaces.

In the following examples for /g/, g can be changed to a different board ID (a, b, etc...), the current board (current), or the Status/Twitter link (status, @).
Board link: g
Title link: g-title
Board link (Replace with title when on that board): g-replace
Full text link: g-full
Custom text link: g-text:\"Install Gentoo\"
Index-only link: g-index
Catalog-only link: g-catalog
External link: external-text:\"Google\",\"http://www.google.com\"
Combinations are possible: g-index-text:\"Technology Index\"
Full board list toggle: toggle-all

[ toggle-all ] [current-title] [g-title / a-title / jp-title] [x / wsg / h] [t-text:\"Piracy\"]
\n will give you
[ + ] [Technology] [Technology / Anime & Manga / Otaku Culture] [x / wsg / h] [Piracy]
\n if you are on /g/.\n
Time Formatting is disabled.
:
Supported format specifiers:
Day: %a, %A, %d, %e
Month: %m, %b, %B
Year: %y, %Y
Hour: %k, %H, %l, %I, %p, %P
Minute: %M
Second: %S
Quote Backlinks formatting is disabled.
:
File Info Formatting is disabled.
:
Link: %l (truncated), %L (untruncated), %T (Unix timestamp)
Original file name: %n (truncated), %N (untruncated), %t (Unix timestamp)
Spoiler indicator: %p
Size: %B (Bytes), %K (KB), %M (MB), %s (4chan default)
Resolution: %r (Displays 'PDF' for PDF files)
Quick Reply Personas is disabled.

\n One item per line.
\n Items will be added in the relevant input's auto-completion list.
\n Password items will always be used, since there is no password input.
\n Lines starting with a # will be ignored.\n

Unread Favicon is disabled.
Emoji is disabled.
\n Sage Icon:
\n Position:
Thread Updater is disabled.
\n Interval:
Custom CSS
"; + section.innerHTML = "
Archiver
404 Redirect is disabled.
Thread redirectionPost fetchingFile redirection
Disabled selections indicate that only one archive is available for that board and redirection type.
Custom Board Navigation
New lines will be converted into spaces.

In the following examples for /g/, g can be changed to a different board ID (a, b, etc...), the current board (current), or the Status/Twitter link (status, @).
Board link: g
Title link: g-title
Board link (Replace with title when on that board): g-replace
Full text link: g-full
Custom text link: g-text:\"Install Gentoo\"
Index-only link: g-index
Catalog-only link: g-catalog
External link: external-text:\"Google\",\"http://www.google.com\"
Combinations are possible: g-index-text:\"Technology Index\"
Full board list toggle: toggle-all

[ toggle-all ] [current-title] [g-title / a-title / jp-title] [x / wsg / h] [t-text:\"Piracy\"]
\n will give you
[ + ] [Technology] [Technology / Anime & Manga / Otaku Culture] [x / wsg / h] [Piracy]
\n if you are on /g/.\n
Time Formatting is disabled.
:
Supported format specifiers:
Day: %a, %A, %d, %e
Month: %m, %b, %B
Year: %y, %Y
Hour: %k, %H, %l, %I, %p, %P
Minute: %M
Second: %S
Quote Backlinks formatting is disabled.
:
File Info Formatting is disabled.
:
Link: %l (truncated), %L (untruncated), %T (Unix timestamp)
Original file name: %n (truncated), %N (untruncated), %t (Unix timestamp)
Spoiler indicator: %p
Size: %B (Bytes), %K (KB), %M (MB), %s (4chan default)
Resolution: %r (Displays 'PDF' for PDF files)
Quick Reply Personas is disabled.

\n One item per line.
\n Items will be added in the relevant input's auto-completion list.
\n Password items will always be used, since there is no password input.
\n Lines starting with a # will be ignored.\n

Unread Favicon is disabled.
Thread Updater is disabled.
\n Interval:
Custom CSS
"; items = {}; inputs = {}; - _ref = ['boardnav', 'time', 'backlink', 'fileInfo', 'favicon', 'emojiPos', 'sageEmoji', 'usercss']; + _ref = ['boardnav', 'time', 'backlink', 'fileInfo', 'favicon', 'usercss']; for (_i = 0, _len = _ref.length; _i < _len; _i++) { name = _ref[_i]; input = $("[name='" + name + "']", section); items[name] = Conf[name]; inputs[name] = input; - event = ['favicon', 'usercss', 'sageEmoji', 'emojiPos'].contains(name) ? 'change' : 'input'; + event = ['favicon', 'usercss'].contains(name) ? 'change' : 'input'; $.on(input, event, $.cb.value); } ta = $('.personafield', section); @@ -13706,9 +13702,6 @@ for (key in items) { val = items[key]; - if (['emojiPos'].contains(key)) { - continue; - } input = inputs[key]; input.value = val; if (key === 'usercss') { @@ -13866,9 +13859,6 @@ } return $.id('favicon-preview').innerHTML = "\n\n\n"; }, - sageEmoji: function() { - return $.id('sageicon-preview').innerHTML = ""; - }, togglecss: function() { if ($('textarea', this.parentNode.parentNode).disabled = !this.checked) { CustomCSS.rmStyle(); diff --git a/src/General/Config.coffee b/src/General/Config.coffee index fce4f2a1f..43e80421d 100644 --- a/src/General/Config.coffee +++ b/src/General/Config.coffee @@ -455,14 +455,6 @@ Config = '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.' @@ -495,16 +487,6 @@ Config = '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 'Hide backlinks to filtered posts.' @@ -544,10 +526,6 @@ Config = 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': [ @@ -558,6 +536,14 @@ Config = false 'Try to emulate the appearance of 4chan SS\'s Sidebar.' ] + '4chan Banner Reflection': [ + false + 'Adds reflection effects to 4chan\'s image banner.' + ] + 'Faded 4chan Banner': [ + true + 'Make 4chan\'s image banner translucent.' + ] 'Hide Ads': [ false 'Block advertisements. It\'s probably better to use AdBlock for this.' @@ -582,21 +568,6 @@ Config = false 'Make checkboxes circular.' ] - '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.' @@ -731,6 +702,42 @@ Config = true 'Intelligent name field hiding.' ] + 'Images Overlap Post Form': [ + true + 'Images expand over the post form and sidebar content, usually used with "Expand images" set to "full".' + ] + + Indicators: + 'Emoji': [ + 'enabled' + 'Add icons besides usernames with triggered e-mails, like sega and neko.' + ['enabled', 'disable ponies', 'only ponies', 'disable'] + ] + 'Emoji Position': [ + 'before' + 'Position of emoji icons.' + ['before', 'after'] + ] + 'Emoji Spacing': [ + '5' + 'Add some spacing between emoji and text.' + 'text' + ] + 'Sage Highlighting': [ + 'image' + 'Icons or text to highlight saged posts.' + ['text', 'image', 'none'] + ] + 'Sage Image': [ + 'appchan' + 'Image to use for sage highlighting.' + ['4chan SS', 'appchan'] + ] + 'Sage Highlight Position': [ + 'after' + 'Position of Sage Highlighting' + ['before', 'after'] + ] filter: name: """ @@ -795,10 +802,7 @@ http://iqdb.org/?url=%TURL #//archive.foolz.us/%board/search/image/%MD5/;text:View same on foolz /%board/ #//archive.installgentoo.net/%board/image/%MD5;text:View same on installgentoo /%board/ """ - 'sageEmoji': 'appchan' - - 'emojiPos': 'before' - + 'Custom CSS': false Header: diff --git a/src/General/Settings.coffee b/src/General/Settings.coffee index d7a2580e6..325669856 100644 --- a/src/General/Settings.coffee +++ b/src/General/Settings.coffee @@ -278,11 +278,11 @@ Settings = section.innerHTML = """<%= grunt.file.read('src/General/html/Settings/Advanced.html').replace(/>\s+<').trim() %>""" items = {} inputs = {} - for name in ['boardnav', 'time', 'backlink', 'fileInfo', 'favicon', 'emojiPos', 'sageEmoji', 'usercss'] + for name in ['boardnav', 'time', 'backlink', 'fileInfo', 'favicon', 'usercss'] input = $ "[name='#{name}']", section items[name] = Conf[name] inputs[name] = input - event = if ['favicon', 'usercss', 'sageEmoji', 'emojiPos'].contains name + event = if ['favicon', 'usercss'].contains name 'change' else 'input' @@ -296,7 +296,6 @@ Settings = $.get items, (items) -> for key, val of items - continue if ['emojiPos'].contains key input = inputs[key] input.value = val continue if key is 'usercss' @@ -419,11 +418,6 @@ Settings = """ - sageEmoji: -> - $.id('sageicon-preview').innerHTML = """ - - """ - togglecss: -> if $('textarea', @parentNode.parentNode).disabled = !@checked CustomCSS.rmStyle() diff --git a/src/General/css/dynamic.css b/src/General/css/dynamic.css index ba751ae9a..f7c304196 100644 --- a/src/General/css/dynamic.css +++ b/src/General/css/dynamic.css @@ -59,5 +59,4 @@ a.useremail:last-of-type::after { } #mascot { opacity: #{Conf['Mascot Opacity']}; -} -#{unless _conf["Emoji"] is "disable" then Emoji.css _conf["Emoji Position"] else ""} \ No newline at end of file +} \ No newline at end of file diff --git a/src/General/css/emoji.css b/src/General/css/emoji.css new file mode 100644 index 000000000..4fefacfc3 --- /dev/null +++ b/src/General/css/emoji.css @@ -0,0 +1,8 @@ +.emoji-position-after:not(.emoji-disabled):not(.emoji-#{if key is "pony" then 'disable-ponies' else 'only-ponies'}) a.useremail[href*='#{name}']:last-of-type::after, +.emoji-position-after:not(.emoji-disabled):not(.emoji-#{if key is "pony" then 'disable-ponies' else 'only-ponies'}) a.useremail[href*='#{name.toLowerCase()}']:last-of-type::after, +.emoji-position-after:not(.emoji-disabled):not(.emoji-#{if key is "pony" then 'disable-ponies' else 'only-ponies'}) a.useremail[href*='#{name.toUpperCase()}']:last-of-type::after, +.emoji-position-before:not(.emoji-disabled):not(.emoji-#{if key is "pony" then 'disable-ponies' else 'only-ponies'}) a.useremail[href*='#{name}']:last-of-type::before, +.emoji-position-before:not(.emoji-disabled):not(.emoji-#{if key is "pony" then 'disable-ponies' else 'only-ponies'}) a.useremail[href*='#{name.toLowerCase()}']:last-of-type::before, +.emoji-position-before:not(.emoji-disabled):not(.emoji-#{if key is "pony" then 'disable-ponies' else 'only-ponies'}) a.useremail[href*='#{name.toUpperCase()}']:last-of-type::before { + content: url('data:image/png;base64,#{icon}'); +}\n \ No newline at end of file diff --git a/src/General/css/emoji.sage.css b/src/General/css/emoji.sage.css new file mode 100644 index 000000000..f7989fd21 --- /dev/null +++ b/src/General/css/emoji.sage.css @@ -0,0 +1,16 @@ +.sage-highlighting-image.sage-image-appchan.sage-highlight-position-after a.useremail[href*='sage']:last-of-type::after, +.sage-highlighting-image.sage-image-appchan.sage-highlight-position-after a.useremail[href*='SAGE']:last-of-type::after, +.sage-highlighting-image.sage-image-appchan.sage-highlight-position-after a.useremail[href*='Sage']:last-of-type::after, +.sage-highlighting-image.sage-image-appchan.sage-highlight-position-before a.useremail[href*='sage']:last-of-type::before, +.sage-highlighting-image.sage-image-appchan.sage-highlight-position-before a.useremail[href*='SAGE']:last-of-type::before, +.sage-highlighting-image.sage-image-appchan.sage-highlight-position-before a.useremail[href*='Sage']:last-of-type::before { + content: url('data:image/png;base64,<%= grunt.file.read("src/General/img/emoji/appchan-sage.png", {encoding: "base64"}) %>'); +} +.sage-highlighting-image.sage-image-4chan-ss.sage-highlight-position-after a.useremail[href*='sage']:last-of-type::after, +.sage-highlighting-image.sage-image-4chan-ss.sage-highlight-position-after a.useremail[href*='SAGE']:last-of-type::after, +.sage-highlighting-image.sage-image-4chan-ss.sage-highlight-position-after a.useremail[href*='Sage']:last-of-type::after, +.sage-highlighting-image.sage-image-4chan-ss.sage-highlight-position-before a.useremail[href*='sage']:last-of-type::before, +.sage-highlighting-image.sage-image-4chan-ss.sage-highlight-position-before a.useremail[href*='SAGE']:last-of-type::before, +.sage-highlighting-image.sage-image-4chan-ss.sage-highlight-position-before a.useremail[href*='Sage']:last-of-type::before { + content: url('data:image/png;base64,<%= grunt.file.read("src/General/img/emoji/SS-sage.png", {encoding: "base64"}) %>'); +} \ No newline at end of file diff --git a/src/General/css/layout.css b/src/General/css/layout.css index bb6d5c4eb..5074e2106 100644 --- a/src/General/css/layout.css +++ b/src/General/css/layout.css @@ -966,6 +966,10 @@ th { s { text-decoration: none; } +/* Emoji */ +a.useremail:last-of-type { + vertical-align: top; +} /* Reply Clearfix */ .reply.post .postMessage { clear: right; diff --git a/src/General/css/theme.css b/src/General/css/theme.css index 41f0caaf3..1b7c56a10 100644 --- a/src/General/css/theme.css +++ b/src/General/css/theme.css @@ -400,15 +400,6 @@ a .name { content: " (sage) "; color: #{theme["Sage"]}; } -.sage-highlighting-image.sage-highlight-position-before a.useremail[href*="sage"]:last-of-type::before, -.sage-highlighting-image.sage-highlight-position-before a.useremail[href*="Sage"]:last-of-type::before, -.sage-highlighting-image.sage-highlight-position-before a.useremail[href*="SAGE"]:last-of-type::before, -.sage-highlighting-image.sage-highlight-position-after a.useremail[href*="sage"]:last-of-type::after, -.sage-highlighting-image.sage-highlight-position-after a.useremail[href*="Sage"]:last-of-type::after, -.sage-highlighting-image.sage-highlight-position-after a.useremail[href*="SAGE"]:last-of-type::after{ - content: url("data:image/png;base64,<%= grunt.file.read("src/General/img/emoji/sage.png", {encoding: "base64"}) %>"); - vertical-align: top; -} .announcements-slideout #globalMessage { background: #{theme["Dialog Background"]}; border: 1px solid #{theme["Dialog Border"]}; diff --git a/src/General/html/Settings/Advanced.html b/src/General/html/Settings/Advanced.html index 381e5994f..f0e593a16 100644 --- a/src/General/html/Settings/Advanced.html +++ b/src/General/html/Settings/Advanced.html @@ -95,23 +95,6 @@ -
- Emoji is disabled. -
- Sage Icon: - -
-
- Position: -
-
-
Thread Updater is disabled.
diff --git a/src/Monitoring/ThreadWatcher.coffee b/src/Monitoring/ThreadWatcher.coffee index 31dcd74fe..50895fed9 100644 --- a/src/Monitoring/ThreadWatcher.coffee +++ b/src/Monitoring/ThreadWatcher.coffee @@ -8,7 +8,6 @@ ThreadWatcher = $.on d, 'QRPostSuccessful', @cb.post $.sync 'WatchedThreads', @refresh - $.ready -> ThreadWatcher.refresh() $.add d.body, ThreadWatcher.dialog diff --git a/src/Theming/Emoji.coffee b/src/Theming/Emoji.coffee index dc0ee1878..9a0092c6c 100644 --- a/src/Theming/Emoji.coffee +++ b/src/Theming/Emoji.coffee @@ -1,34 +1,19 @@ Emoji = init: -> Emoji.icons['PlanNine'] = Emoji.icons['Plan9'] - Emoji.icons['Sage'] = Emoji.sage[Conf['sageEmoji']] - css: (position) -> + css: -> _conf = Conf - css = [""" -a.useremail[href]:last-of-type::#{position} { - vertical-align: top; - margin-#{if position is "before" then "right" else "left"}: 5px; -}\n - """] + css = [] for key, category of Emoji.icons continue unless Emoji.icons.hasOwnProperty key - if (_conf['Emoji'] isnt "disable ponies" and key is "pony") or (_conf['Emoji'] isnt "only ponies" and key is "not") - for name, icon of category - continue unless category.hasOwnProperty name - css.push """ -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('data:image/png;base64,#{icon}'); -}\n -""" - css.join "" + for name, icon of category + continue unless category.hasOwnProperty name + css.push """<%= grunt.file.read('src/General/css/emoji.css') %>""" - sage: - '4chan SS': '<%= grunt.file.read("src/General/img/emoji/SS-sage.png", {encoding: "base64"}) %>' - 'appchan': '<%= grunt.file.read("src/General/img/emoji/appchan-sage.png", {encoding: "base64"}) %>' + css.push """<%= grunt.file.read('src/General/css/emoji.sage.css') %>""" + css.join "" icons: pony: diff --git a/src/Theming/Style.coffee b/src/Theming/Style.coffee index 8810a0c85..d0a19bd65 100644 --- a/src/Theming/Style.coffee +++ b/src/Theming/Style.coffee @@ -78,6 +78,7 @@ Style = $.extend Style, layoutCSS: $.addStyle Style.layout, 'layout' themeCSS: $.addStyle Style.theme(theme), 'theme' + emojiCSS: $.addStyle Emoji.css(), 'emoji' dynamicCSS: $.addStyle Style.dynamic(), 'dynamic' icons: $.addStyle "", 'icons' paddingSheet: $.addStyle "", 'padding'