User:Anomie/T230683.css

.comment { margin: .25em 0 0 .5em; padding: .25em .25em 0 .5em; position: relative;

border: 0 solid transparent; border-left-width: .2em; border-left-color: #ccc; border-image-source: linear-gradient( to right, #ccc 0, #ccc .5em, transparent 2em ); border-image-slice: 1; border-image-width: .1em 0 0 .2em; }

.comment-no-replies { height: .25em; }

/* Outdent */ .comment-reply-10, .comment-reply-20, .comment-reply-30, .comment-reply-40, .comment-reply-50 { padding-bottom: .5em; } .comment-reply-10 > .comment, .comment-reply-20 > .comment, .comment-reply-30 > .comment, .comment-reply-40 > .comment, .comment-reply-50 > .comment { margin-top: .5em; margin-bottom: .5em; margin-left: -10.5em; background-color: white; border-image-source: linear-gradient( to right, red 0, red 11em, transparent 11em ); border-image-width: .1em 0 .1em .2em; padding-bottom: .1em; } .comment-reply-10 > .comment::before, .comment-reply-10 > .comment::after, .comment-reply-20 > .comment::before, .comment-reply-20 > .comment::after, .comment-reply-30 > .comment::before, .comment-reply-30 > .comment::after, .comment-reply-40 > .comment::before, .comment-reply-40 > .comment::after, .comment-reply-50 > .comment::before, .comment-reply-50 > .comment::after { content: ""; position: absolute; background: red; left: 10.8em; width: .2em; height: .5em; } .comment-reply-10 > .comment::before, .comment-reply-20 > .comment::before, .comment-reply-30 > .comment::before, .comment-reply-40 > .comment::before, .comment-reply-50 > .comment::before { top: -.4em; } .comment-reply-10 > .comment::after, .comment-reply-20 > .comment::after, .comment-reply-30 > .comment::after, .comment-reply-40 > .comment::after, .comment-reply-50 > .comment::after { bottom: -.4em; }