Indent Replies

builds/appchan-x.js

@@ -260,6 +260,7 @@
         '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.'],
+        'Indent Replies': [false, 'Indent posts under the OP.'],
         'Hide Delete UI': [false, 'Hides vanilla report and delete functionality and UI. This does not affect Appchan\'s Menu functionality.'],
         'Post Spacing': ['2', 'The amount of space between replies.', 'text'],
         'Vertical Post Padding': ['5', 'The vertical padding around post content of replies.', 'text'],
@@ -11440,7 +11441,7 @@
       }[_conf["Slideout Navigation"]] + "\n/* Watcher */\n#watcher {\n  position: fixed;\n  z-index: 14;\n  padding: 2px;\n  " + (_conf["Rounded Edges"] ? "border-radius: 3px;" : "") + "\n}\n#watcher > div {\n  max-height: 1.3em;\n  overflow: hidden;\n}\n" + (_conf['Slideout Watcher'] ? "#watcher {  width: " + width + "px;  " + Style.sidebarLocation[0] + ": 2px !important;  " + Style.sidebarLocation[1] + ": auto !important;  " + Style.sizing + ": border-box;}#watcher .move {  cursor: default;  text-decoration: " + (_conf["Underline Links"] ? "underline" : "none") + ";}#watcher > div {  overflow: hidden;}#watcher:hover {  overflow-y: auto;}#watcher:not(:hover) {  height: 0;  overflow: hidden;  border: 0 none;  padding: 0;}" : "#watcher {  width: 200px;}#watcher:not(:hover) {  max-height: 200px;  overflow: hidden;}") + "\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  " + (_conf["Rounded Edges"] ? "border-radius: 3px;" : "") + "\n}\n" + ({
         'slideout': "#globalMessage {  position: fixed;  padding: 2px;  width: " + width + "px;  " + Style.sidebarLocation[0] + ": 2px !important;  " + Style.sidebarLocation[1] + ": auto !important;}#globalMessage h3 {  margin: 0;}#globalMessage:hover {  " + Style.sizing + ": border-box;  overflow-y: auto;}#globalMessage:not(:hover) {  height: 0;  overflow: hidden;  padding: 0;  border: 0 none;}",
         'hide': "#globalMessage {  display: none !important;}"
-      }[_conf['Announcements']] || "") + "\n/* Threads */\n.thread {\n  margin: " + (parseInt(_conf["Top Thread Padding"], 10)) + "px 0 " + (parseInt(_conf["Bottom Thread Padding"], 10)) + "px 0;\n  " + (_conf["Rounded Edges"] ? "border-radius: 4px;" : "") + "\n}\n/* Thread Clearfix */\n.thread > div: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.post,\n.summary,\n.threadContainer {\n  margin-bottom: " + Style.replyMargin + "px;\n}\n.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  " + agent + "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" + (_conf['Color user IDs'] ? ".posteruid .hand {  padding: .1em .3em;  border-radius: 1em;  font-size: 80%;}" : "") + "\n.postInfo > span {\n  vertical-align: bottom;\n}\n.subject,\n.name {\n  " + (_conf["Bolds"] ? 'font-weight: 600;' : '') + "\n}\n.postertrip {\n  " + (_conf["Italics"] ? 'font-style: italic;' : '') + "\n}\n.replylink {\n  text-decoration: " + (_conf["Underline Links"] ? "underline" : "none") + ";\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  " + Style.sizing + ": border-box;\n}\n" + (_conf["Fit Width Replies"] ? ".reply.post {  display: block;  overflow: hidden;}.expanded-image .reply.post {  width: 100%;}" : ".reply.post {  display: inline-block;}") + "\n.expanded-image .reply.post,\n.hasInline .reply.post {\n  display: inline-block;\n  overflow: visible;\n  clear: both;\n}\n.post {\n  " + (_conf["Rounded Edges"] ? "border-radius: 3px;" : "") + "\n}\n.postMessage {\n  margin: " + _conf['Vertical Post Padding'] + "px " + _conf['Horizontal Post Padding'] + "px;\n}\n.spoiler,\ns {\n  text-decoration: none;\n}\n/* Reply Clearfix */\n.reply.post .postMessage {\n  clear: right;\n}\n" + (_conf['Force Reply Break'] || _conf["OP Background"] ? ".op.post .postMessage::after {  display: block;  content: ' ';  clear: both;}" : "") + "\n/* OP */\n.favicon {\n  vertical-align: bottom;\n}\n" + (_conf["OP Background"] ? ".op.post {  " + Style.sizing + ": border-box;}" : "") + "\n/* Summary */\n" + (_conf["Force Reply Break"] ? ".summary { clear: both;}" : "") + "\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.quotelink {\n  text-decoration: " + (_conf["Underline Links"] ? "underline" : "none") + ";\n}\n.filtered,\n.quotelink.filtered {\n  text-decoration: underline;\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.threadOP {\n  clear: both;\n}\n/* Backlinks */\n.backlink {\n  text-decoration: " + (_conf["Underline Links"] ? "underline" : "none") + ";\n}\n.backlink.dead {\n  text-decoration: none;\n}\n" + (_conf["Filtered Backlinks"] ? ".filtered.backlink {  display: none;}" : void 0) + "\n" + {
+      }[_conf['Announcements']] || "") + "\n/* Threads */\n.thread {\n  margin: " + (parseInt(_conf["Top Thread Padding"], 10)) + "px 0 " + (parseInt(_conf["Bottom Thread Padding"], 10)) + "px 0;\n  " + (_conf["Rounded Edges"] ? "border-radius: 4px;" : "") + "\n}\n/* Thread Clearfix */\n.thread > div: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.post,\n.summary,\n.threadContainer {\n  margin-bottom: " + Style.replyMargin + "px;\n}\n.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  " + agent + "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" + (_conf['Color user IDs'] ? ".posteruid .hand {  padding: .1em .3em;  border-radius: 1em;  font-size: 80%;}" : "") + "\n.postInfo > span {\n  vertical-align: bottom;\n}\n.subject,\n.name {\n  " + (_conf["Bolds"] ? 'font-weight: 600;' : '') + "\n}\n.postertrip {\n  " + (_conf["Italics"] ? 'font-style: italic;' : '') + "\n}\n.replylink {\n  text-decoration: " + (_conf["Underline Links"] ? "underline" : "none") + ";\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  " + Style.sizing + ": border-box;\n}\n" + (_conf["Fit Width Replies"] ? ".reply.post {  display: block;  overflow: hidden;}.expanded-image .reply.post {  width: 100%;}" : ".reply.post {  display: inline-block;}") + "\n" + (_conf["Indent Replies"] ? ".thread > .replyContainer,.threadContainer > .replyContainer {  margin-left: 2em;}" : '') + "\n.expanded-image .reply.post,\n.hasInline .reply.post {\n  display: inline-block;\n  overflow: visible;\n  clear: both;\n}\n.post {\n  " + (_conf["Rounded Edges"] ? "border-radius: 3px;" : "") + "\n}\n.postMessage {\n  margin: " + _conf['Vertical Post Padding'] + "px " + _conf['Horizontal Post Padding'] + "px;\n}\n.spoiler,\ns {\n  text-decoration: none;\n}\n/* Reply Clearfix */\n.reply.post .postMessage {\n  clear: right;\n}\n" + (_conf['Force Reply Break'] || _conf["OP Background"] ? ".op.post .postMessage::after {  display: block;  content: ' ';  clear: both;}" : "") + "\n/* OP */\n.favicon {\n  vertical-align: bottom;\n}\n" + (_conf["OP Background"] ? ".op.post {  " + Style.sizing + ": border-box;}" : "") + "\n/* Summary */\n" + (_conf["Force Reply Break"] ? ".summary { clear: both;}" : "") + "\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.quotelink {\n  text-decoration: " + (_conf["Underline Links"] ? "underline" : "none") + ";\n}\n.filtered,\n.quotelink.filtered {\n  text-decoration: underline;\n  text-decoration: line-through !important;\n}\n.inline + .hashlink {\n  display: none;\n}\n/* Quote Threading */\n.threadContainer {\n  " + (_conf["Indent Replies"] ? "margin" : "padding") + "-left: 2em;\n  border-left: 1px solid;\n}\n.threadOP {\n  clear: both;\n}\n/* Backlinks */\n.backlink {\n  text-decoration: " + (_conf["Underline Links"] ? "underline" : "none") + ";\n}\n.backlink.dead {\n  text-decoration: none;\n}\n" + (_conf["Filtered Backlinks"] ? ".filtered.backlink {  display: none;}" : void 0) + "\n" + {
         "lower left": ".container {  padding: 0 5px;  max-width: 100%;}.reply.quoted {  position: relative;  padding-bottom: 1.7em;}.reply .container {  position: absolute;  left: 0;  bottom: 0;  padding: 0 5px;}.reply .container::before {  content: 'REPLIES: ';}#qp .container {  position: static;  max-width: 100%;}#qp .container::before {  content: '';}.inline .container {  position: static;  max-width: 100%;}.inline .container::before {  content: '';}",
         'lower right': ".reply.quoted {  position: relative;  padding-bottom: 1.7em;}.reply .container {  position: absolute;  right: 0;  bottom: 0;}.container::before {  content: 'REPLIES: ';}.container {  max-width: 100%;  padding: 0 5px;}#qp .container {  position: static;  max-width: 100%;}#qp .container::before {  content: '';}.inline .container {  position: static;  float: none;}.inline .container::before {  content: '';}",
         'default': ""

builds/appchan-x.user.js

@@ -261,6 +261,7 @@
         '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.'],
+        'Indent Replies': [false, 'Indent posts under the OP.'],
         'Hide Delete UI': [false, 'Hides vanilla report and delete functionality and UI. This does not affect Appchan\'s Menu functionality.'],
         'Post Spacing': ['2', 'The amount of space between replies.', 'text'],
         'Vertical Post Padding': ['5', 'The vertical padding around post content of replies.', 'text'],
@@ -11449,7 +11450,7 @@
       }[_conf["Slideout Navigation"]] + "\n/* Watcher */\n#watcher {\n  position: fixed;\n  z-index: 14;\n  padding: 2px;\n  " + (_conf["Rounded Edges"] ? "border-radius: 3px;" : "") + "\n}\n#watcher > div {\n  max-height: 1.3em;\n  overflow: hidden;\n}\n" + (_conf['Slideout Watcher'] ? "#watcher {  width: " + width + "px;  " + Style.sidebarLocation[0] + ": 2px !important;  " + Style.sidebarLocation[1] + ": auto !important;  " + Style.sizing + ": border-box;}#watcher .move {  cursor: default;  text-decoration: " + (_conf["Underline Links"] ? "underline" : "none") + ";}#watcher > div {  overflow: hidden;}#watcher:hover {  overflow-y: auto;}#watcher:not(:hover) {  height: 0;  overflow: hidden;  border: 0 none;  padding: 0;}" : "#watcher {  width: 200px;}#watcher:not(:hover) {  max-height: 200px;  overflow: hidden;}") + "\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  " + (_conf["Rounded Edges"] ? "border-radius: 3px;" : "") + "\n}\n" + ({
         'slideout': "#globalMessage {  position: fixed;  padding: 2px;  width: " + width + "px;  " + Style.sidebarLocation[0] + ": 2px !important;  " + Style.sidebarLocation[1] + ": auto !important;}#globalMessage h3 {  margin: 0;}#globalMessage:hover {  " + Style.sizing + ": border-box;  overflow-y: auto;}#globalMessage:not(:hover) {  height: 0;  overflow: hidden;  padding: 0;  border: 0 none;}",
         'hide': "#globalMessage {  display: none !important;}"
-      }[_conf['Announcements']] || "") + "\n/* Threads */\n.thread {\n  margin: " + (parseInt(_conf["Top Thread Padding"], 10)) + "px 0 " + (parseInt(_conf["Bottom Thread Padding"], 10)) + "px 0;\n  " + (_conf["Rounded Edges"] ? "border-radius: 4px;" : "") + "\n}\n/* Thread Clearfix */\n.thread > div: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.post,\n.summary,\n.threadContainer {\n  margin-bottom: " + Style.replyMargin + "px;\n}\n.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  " + agent + "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" + (_conf['Color user IDs'] ? ".posteruid .hand {  padding: .1em .3em;  border-radius: 1em;  font-size: 80%;}" : "") + "\n.postInfo > span {\n  vertical-align: bottom;\n}\n.subject,\n.name {\n  " + (_conf["Bolds"] ? 'font-weight: 600;' : '') + "\n}\n.postertrip {\n  " + (_conf["Italics"] ? 'font-style: italic;' : '') + "\n}\n.replylink {\n  text-decoration: " + (_conf["Underline Links"] ? "underline" : "none") + ";\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  " + Style.sizing + ": border-box;\n}\n" + (_conf["Fit Width Replies"] ? ".reply.post {  display: block;  overflow: hidden;}.expanded-image .reply.post {  width: 100%;}" : ".reply.post {  display: inline-block;}") + "\n.expanded-image .reply.post,\n.hasInline .reply.post {\n  display: inline-block;\n  overflow: visible;\n  clear: both;\n}\n.post {\n  " + (_conf["Rounded Edges"] ? "border-radius: 3px;" : "") + "\n}\n.postMessage {\n  margin: " + _conf['Vertical Post Padding'] + "px " + _conf['Horizontal Post Padding'] + "px;\n}\n.spoiler,\ns {\n  text-decoration: none;\n}\n/* Reply Clearfix */\n.reply.post .postMessage {\n  clear: right;\n}\n" + (_conf['Force Reply Break'] || _conf["OP Background"] ? ".op.post .postMessage::after {  display: block;  content: ' ';  clear: both;}" : "") + "\n/* OP */\n.favicon {\n  vertical-align: bottom;\n}\n" + (_conf["OP Background"] ? ".op.post {  " + Style.sizing + ": border-box;}" : "") + "\n/* Summary */\n" + (_conf["Force Reply Break"] ? ".summary { clear: both;}" : "") + "\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.quotelink {\n  text-decoration: " + (_conf["Underline Links"] ? "underline" : "none") + ";\n}\n.filtered,\n.quotelink.filtered {\n  text-decoration: underline;\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.threadOP {\n  clear: both;\n}\n/* Backlinks */\n.backlink {\n  text-decoration: " + (_conf["Underline Links"] ? "underline" : "none") + ";\n}\n.backlink.dead {\n  text-decoration: none;\n}\n" + (_conf["Filtered Backlinks"] ? ".filtered.backlink {  display: none;}" : void 0) + "\n" + {
+      }[_conf['Announcements']] || "") + "\n/* Threads */\n.thread {\n  margin: " + (parseInt(_conf["Top Thread Padding"], 10)) + "px 0 " + (parseInt(_conf["Bottom Thread Padding"], 10)) + "px 0;\n  " + (_conf["Rounded Edges"] ? "border-radius: 4px;" : "") + "\n}\n/* Thread Clearfix */\n.thread > div: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.post,\n.summary,\n.threadContainer {\n  margin-bottom: " + Style.replyMargin + "px;\n}\n.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  " + agent + "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" + (_conf['Color user IDs'] ? ".posteruid .hand {  padding: .1em .3em;  border-radius: 1em;  font-size: 80%;}" : "") + "\n.postInfo > span {\n  vertical-align: bottom;\n}\n.subject,\n.name {\n  " + (_conf["Bolds"] ? 'font-weight: 600;' : '') + "\n}\n.postertrip {\n  " + (_conf["Italics"] ? 'font-style: italic;' : '') + "\n}\n.replylink {\n  text-decoration: " + (_conf["Underline Links"] ? "underline" : "none") + ";\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  " + Style.sizing + ": border-box;\n}\n" + (_conf["Fit Width Replies"] ? ".reply.post {  display: block;  overflow: hidden;}.expanded-image .reply.post {  width: 100%;}" : ".reply.post {  display: inline-block;}") + "\n" + (_conf["Indent Replies"] ? ".thread > .replyContainer,.threadContainer > .replyContainer {  margin-left: 2em;}" : '') + "\n.expanded-image .reply.post,\n.hasInline .reply.post {\n  display: inline-block;\n  overflow: visible;\n  clear: both;\n}\n.post {\n  " + (_conf["Rounded Edges"] ? "border-radius: 3px;" : "") + "\n}\n.postMessage {\n  margin: " + _conf['Vertical Post Padding'] + "px " + _conf['Horizontal Post Padding'] + "px;\n}\n.spoiler,\ns {\n  text-decoration: none;\n}\n/* Reply Clearfix */\n.reply.post .postMessage {\n  clear: right;\n}\n" + (_conf['Force Reply Break'] || _conf["OP Background"] ? ".op.post .postMessage::after {  display: block;  content: ' ';  clear: both;}" : "") + "\n/* OP */\n.favicon {\n  vertical-align: bottom;\n}\n" + (_conf["OP Background"] ? ".op.post {  " + Style.sizing + ": border-box;}" : "") + "\n/* Summary */\n" + (_conf["Force Reply Break"] ? ".summary { clear: both;}" : "") + "\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.quotelink {\n  text-decoration: " + (_conf["Underline Links"] ? "underline" : "none") + ";\n}\n.filtered,\n.quotelink.filtered {\n  text-decoration: underline;\n  text-decoration: line-through !important;\n}\n.inline + .hashlink {\n  display: none;\n}\n/* Quote Threading */\n.threadContainer {\n  " + (_conf["Indent Replies"] ? "margin" : "padding") + "-left: 2em;\n  border-left: 1px solid;\n}\n.threadOP {\n  clear: both;\n}\n/* Backlinks */\n.backlink {\n  text-decoration: " + (_conf["Underline Links"] ? "underline" : "none") + ";\n}\n.backlink.dead {\n  text-decoration: none;\n}\n" + (_conf["Filtered Backlinks"] ? ".filtered.backlink {  display: none;}" : void 0) + "\n" + {
         "lower left": ".container {  padding: 0 5px;  max-width: 100%;}.reply.quoted {  position: relative;  padding-bottom: 1.7em;}.reply .container {  position: absolute;  left: 0;  bottom: 0;  padding: 0 5px;}.reply .container::before {  content: 'REPLIES: ';}#qp .container {  position: static;  max-width: 100%;}#qp .container::before {  content: '';}.inline .container {  position: static;  max-width: 100%;}.inline .container::before {  content: '';}",
         'lower right': ".reply.quoted {  position: relative;  padding-bottom: 1.7em;}.reply .container {  position: absolute;  right: 0;  bottom: 0;}.container::before {  content: 'REPLIES: ';}.container {  max-width: 100%;  padding: 0 5px;}#qp .container {  position: static;  max-width: 100%;}#qp .container::before {  content: '';}.inline .container {  position: static;  float: none;}.inline .container::before {  content: '';}",
         'default': ""

builds/crx/script.js

@@ -241,6 +241,7 @@
         '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.'],
+        'Indent Replies': [false, 'Indent posts under the OP.'],
         'Hide Delete UI': [false, 'Hides vanilla report and delete functionality and UI. This does not affect Appchan\'s Menu functionality.'],
         'Post Spacing': ['2', 'The amount of space between replies.', 'text'],
         'Vertical Post Padding': ['5', 'The vertical padding around post content of replies.', 'text'],
@@ -11431,7 +11432,7 @@
       }[_conf["Slideout Navigation"]] + "\n/* Watcher */\n#watcher {\n  position: fixed;\n  z-index: 14;\n  padding: 2px;\n  " + (_conf["Rounded Edges"] ? "border-radius: 3px;" : "") + "\n}\n#watcher > div {\n  max-height: 1.3em;\n  overflow: hidden;\n}\n" + (_conf['Slideout Watcher'] ? "#watcher {  width: " + width + "px;  " + Style.sidebarLocation[0] + ": 2px !important;  " + Style.sidebarLocation[1] + ": auto !important;  " + Style.sizing + ": border-box;}#watcher .move {  cursor: default;  text-decoration: " + (_conf["Underline Links"] ? "underline" : "none") + ";}#watcher > div {  overflow: hidden;}#watcher:hover {  overflow-y: auto;}#watcher:not(:hover) {  height: 0;  overflow: hidden;  border: 0 none;  padding: 0;}" : "#watcher {  width: 200px;}#watcher:not(:hover) {  max-height: 200px;  overflow: hidden;}") + "\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  " + (_conf["Rounded Edges"] ? "border-radius: 3px;" : "") + "\n}\n" + ({
         'slideout': "#globalMessage {  position: fixed;  padding: 2px;  width: " + width + "px;  " + Style.sidebarLocation[0] + ": 2px !important;  " + Style.sidebarLocation[1] + ": auto !important;}#globalMessage h3 {  margin: 0;}#globalMessage:hover {  " + Style.sizing + ": border-box;  overflow-y: auto;}#globalMessage:not(:hover) {  height: 0;  overflow: hidden;  padding: 0;  border: 0 none;}",
         'hide': "#globalMessage {  display: none !important;}"
-      }[_conf['Announcements']] || "") + "\n/* Threads */\n.thread {\n  margin: " + (parseInt(_conf["Top Thread Padding"], 10)) + "px 0 " + (parseInt(_conf["Bottom Thread Padding"], 10)) + "px 0;\n  " + (_conf["Rounded Edges"] ? "border-radius: 4px;" : "") + "\n}\n/* Thread Clearfix */\n.thread > div: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.post,\n.summary,\n.threadContainer {\n  margin-bottom: " + Style.replyMargin + "px;\n}\n.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  " + agent + "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" + (_conf['Color user IDs'] ? ".posteruid .hand {  padding: .1em .3em;  border-radius: 1em;  font-size: 80%;}" : "") + "\n.postInfo > span {\n  vertical-align: bottom;\n}\n.subject,\n.name {\n  " + (_conf["Bolds"] ? 'font-weight: 600;' : '') + "\n}\n.postertrip {\n  " + (_conf["Italics"] ? 'font-style: italic;' : '') + "\n}\n.replylink {\n  text-decoration: " + (_conf["Underline Links"] ? "underline" : "none") + ";\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  " + Style.sizing + ": border-box;\n}\n" + (_conf["Fit Width Replies"] ? ".reply.post {  display: block;  overflow: hidden;}.expanded-image .reply.post {  width: 100%;}" : ".reply.post {  display: inline-block;}") + "\n.expanded-image .reply.post,\n.hasInline .reply.post {\n  display: inline-block;\n  overflow: visible;\n  clear: both;\n}\n.post {\n  " + (_conf["Rounded Edges"] ? "border-radius: 3px;" : "") + "\n}\n.postMessage {\n  margin: " + _conf['Vertical Post Padding'] + "px " + _conf['Horizontal Post Padding'] + "px;\n}\n.spoiler,\ns {\n  text-decoration: none;\n}\n/* Reply Clearfix */\n.reply.post .postMessage {\n  clear: right;\n}\n" + (_conf['Force Reply Break'] || _conf["OP Background"] ? ".op.post .postMessage::after {  display: block;  content: ' ';  clear: both;}" : "") + "\n/* OP */\n.favicon {\n  vertical-align: bottom;\n}\n" + (_conf["OP Background"] ? ".op.post {  " + Style.sizing + ": border-box;}" : "") + "\n/* Summary */\n" + (_conf["Force Reply Break"] ? ".summary { clear: both;}" : "") + "\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.quotelink {\n  text-decoration: " + (_conf["Underline Links"] ? "underline" : "none") + ";\n}\n.filtered,\n.quotelink.filtered {\n  text-decoration: underline;\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.threadOP {\n  clear: both;\n}\n/* Backlinks */\n.backlink {\n  text-decoration: " + (_conf["Underline Links"] ? "underline" : "none") + ";\n}\n.backlink.dead {\n  text-decoration: none;\n}\n" + (_conf["Filtered Backlinks"] ? ".filtered.backlink {  display: none;}" : void 0) + "\n" + {
+      }[_conf['Announcements']] || "") + "\n/* Threads */\n.thread {\n  margin: " + (parseInt(_conf["Top Thread Padding"], 10)) + "px 0 " + (parseInt(_conf["Bottom Thread Padding"], 10)) + "px 0;\n  " + (_conf["Rounded Edges"] ? "border-radius: 4px;" : "") + "\n}\n/* Thread Clearfix */\n.thread > div: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.post,\n.summary,\n.threadContainer {\n  margin-bottom: " + Style.replyMargin + "px;\n}\n.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  " + agent + "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" + (_conf['Color user IDs'] ? ".posteruid .hand {  padding: .1em .3em;  border-radius: 1em;  font-size: 80%;}" : "") + "\n.postInfo > span {\n  vertical-align: bottom;\n}\n.subject,\n.name {\n  " + (_conf["Bolds"] ? 'font-weight: 600;' : '') + "\n}\n.postertrip {\n  " + (_conf["Italics"] ? 'font-style: italic;' : '') + "\n}\n.replylink {\n  text-decoration: " + (_conf["Underline Links"] ? "underline" : "none") + ";\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  " + Style.sizing + ": border-box;\n}\n" + (_conf["Fit Width Replies"] ? ".reply.post {  display: block;  overflow: hidden;}.expanded-image .reply.post {  width: 100%;}" : ".reply.post {  display: inline-block;}") + "\n" + (_conf["Indent Replies"] ? ".thread > .replyContainer,.threadContainer > .replyContainer {  margin-left: 2em;}" : '') + "\n.expanded-image .reply.post,\n.hasInline .reply.post {\n  display: inline-block;\n  overflow: visible;\n  clear: both;\n}\n.post {\n  " + (_conf["Rounded Edges"] ? "border-radius: 3px;" : "") + "\n}\n.postMessage {\n  margin: " + _conf['Vertical Post Padding'] + "px " + _conf['Horizontal Post Padding'] + "px;\n}\n.spoiler,\ns {\n  text-decoration: none;\n}\n/* Reply Clearfix */\n.reply.post .postMessage {\n  clear: right;\n}\n" + (_conf['Force Reply Break'] || _conf["OP Background"] ? ".op.post .postMessage::after {  display: block;  content: ' ';  clear: both;}" : "") + "\n/* OP */\n.favicon {\n  vertical-align: bottom;\n}\n" + (_conf["OP Background"] ? ".op.post {  " + Style.sizing + ": border-box;}" : "") + "\n/* Summary */\n" + (_conf["Force Reply Break"] ? ".summary { clear: both;}" : "") + "\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.quotelink {\n  text-decoration: " + (_conf["Underline Links"] ? "underline" : "none") + ";\n}\n.filtered,\n.quotelink.filtered {\n  text-decoration: underline;\n  text-decoration: line-through !important;\n}\n.inline + .hashlink {\n  display: none;\n}\n/* Quote Threading */\n.threadContainer {\n  " + (_conf["Indent Replies"] ? "margin" : "padding") + "-left: 2em;\n  border-left: 1px solid;\n}\n.threadOP {\n  clear: both;\n}\n/* Backlinks */\n.backlink {\n  text-decoration: " + (_conf["Underline Links"] ? "underline" : "none") + ";\n}\n.backlink.dead {\n  text-decoration: none;\n}\n" + (_conf["Filtered Backlinks"] ? ".filtered.backlink {  display: none;}" : void 0) + "\n" + {
         "lower left": ".container {  padding: 0 5px;  max-width: 100%;}.reply.quoted {  position: relative;  padding-bottom: 1.7em;}.reply .container {  position: absolute;  left: 0;  bottom: 0;  padding: 0 5px;}.reply .container::before {  content: 'REPLIES: ';}#qp .container {  position: static;  max-width: 100%;}#qp .container::before {  content: '';}.inline .container {  position: static;  max-width: 100%;}.inline .container::before {  content: '';}",
         'lower right': ".reply.quoted {  position: relative;  padding-bottom: 1.7em;}.reply .container {  position: absolute;  right: 0;  bottom: 0;}.container::before {  content: 'REPLIES: ';}.container {  max-width: 100%;  padding: 0 5px;}#qp .container {  position: static;  max-width: 100%;}#qp .container::before {  content: '';}.inline .container {  position: static;  float: none;}.inline .container::before {  content: '';}",
         'default': ""

src/General/Config.coffee

@@ -503,6 +503,10 @@ Config =
         true
         'Replies fit the entire width of the page.'
       ]
+      'Indent Replies': [
+        false
+        'Indent posts under the OP.'
+      ]
       'Hide Delete UI': [
         false
         'Hides vanilla report and delete functionality and UI. This does not affect Appchan\'s Menu functionality.'

src/General/css/layout.css

@@ -869,6 +869,11 @@ hide: "
   display: inline-block;
 }
 "}
+#{if _conf["Indent Replies"] then "
+.thread > .replyContainer,
+.threadContainer > .replyContainer {
+  margin-left: 2em;
+}" else ''}
 .expanded-image .reply.post,
 .hasInline .reply.post {
   display: inline-block;
@@ -944,7 +949,7 @@ else ""
 }
 /* Quote Threading */
 .threadContainer {
-  padding-left: 2em;
+  #{if _conf["Indent Replies"] then "margin" else "padding"}-left: 2em;
   border-left: 1px solid;
 }
 .threadOP {