#isso-thread * { box-sizing: border-box; } #isso-thread > .isso-feedlink { float: right; padding-left: 1em; } #isso-root .isso-comment { padding-top: 0.95em; margin: 0.95em auto; } #isso-root .isso-comment:not(:first-of-type), .isso-follow-up .isso-comment { border-top: 0.1em solid; } .isso-comment > div.avatar { display: block; float: left; width: 4em; height: 4em; margin: 0.3em 1em 0 0; } .isso-comment > div.avatar > svg { border: 0.1em solid; border-radius: 0.3em; } .isso-comment > div.text-wrapper { display: block; word-break: break-word; hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; } .isso-comment .isso-follow-up { padding-left: calc(4em); } .isso-comment > div.text-wrapper > .isso-comment-header .spacer { padding: 0 0.5em; } .isso-comment > div.text-wrapper > .isso-comment-header .note { float: right; } .isso-comment > div.text-wrapper > .isso-comment-header .author { font-weight: bold; } .isso-comment > div.text-wrapper > div.textarea-wrapper .textarea, .isso-comment > div.text-wrapper > div.textarea-wrapper .preview { width: 100%; border: 0.1em solid #f0f0f0; border-radius: 0.2em; word-break: break-word; hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; } .isso-comment > div.text-wrapper > .isso-comment-footer { clear: left; } .isso-comment.isso-no-votes span.votes { display: none; } .isso-postbox { clear: right; } .isso-postbox > .form-wrapper .textarea, .isso-postbox > .form-wrapper .preview { margin: 0 0 .3em; padding: .4em .8em; border-radius: 0.3em; border: 0.1em solid; } .isso-postbox > .form-wrapper > .auth-section { display: flex; flex-flow: row wrap; } .isso-postbox > .form-wrapper > .auth-section .input-wrapper input { flex-basis: 100%; border-radius: 0.3em; width: 100%; } .isso-postbox > .form-wrapper > .auth-section .post-action > input { border-radius: 0.2em; border: none; margin: 0.3em; padding: 0 0.1em 0 0.1em; background-color: #005892; } .isso-postbox > .form-wrapper > .auth-section .post-action:hover > input { background-color: #832e00; } .isso-postbox > .form-wrapper .preview, .isso-postbox > .form-wrapper input[name="edit"], .isso-postbox.preview-mode > .form-wrapper input[name="preview"], .isso-postbox.preview-mode > .form-wrapper .textarea { display: none; } .isso-postbox.preview-mode > .form-wrapper .preview { display: block; } .isso-postbox.preview-mode > .form-wrapper input[name="edit"] { display: inline; } .isso-postbox > .form-wrapper > .notification-section { display: none; padding-bottom: 0.1em; }