diff --git a/dist/css/styles.css b/dist/css/styles.css index 8d4472e..7d9c73c 100644 --- a/dist/css/styles.css +++ b/dist/css/styles.css @@ -102,73 +102,9 @@ body.dark .comment { background: var(--darkbg); } body.dark .comment .comment { - background: var(--darkbglight); border-left: 1px solid #545454; } -body.dark .comment .comment .comment { - background: var(--darkbg); -} -body.dark .comment .comment .comment .comment { - background: var(--darkbglight); -} -body.dark .comment .comment .comment .comment .comment { - background: var(--darkbg); -} -body.dark .comment .comment .comment .comment .comment .comment { - background: var(--darkbglight); -} -body.dark .comment .comment .comment .comment .comment .comment .comment { - background: var(--darkbg); -} -/* Is there any better way to do this??? send help naow */ -body.dark .comment .comment .comment .comment .comment .comment .comment .comment { - background: var(--darkbglight); -} -body.dark .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background: var(--darkbg); -} -body.dark .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background: var(--darkbglight); -} -body.dark .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background: var(--darkbg); -} -body.dark .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background: var(--darkbglight); -} -body.dark .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background: var(--darkbg); -} -body.dark .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background: var(--darkbglight); -} -body.dark .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background: var(--darkbg); -} -body.dark .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background: var(--darkbg); -} -body.dark .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background: var(--darkbglight); -} -body.dark .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background: var(--darkbg); -} -body.dark .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background: var(--darkbglight); -} -body.dark .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background: var(--darkbg); -} -body.dark .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background: var(--darkbglight); -} -body.dark .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background: var(--darkbg); -} -body.dark .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background: var(--darkbglight); -} + body.dark .comment .meta .created a { color: #7b7b7b; } @@ -590,6 +526,10 @@ input[type="submit"]:hover, /* COMMENTS */ .comment { font-size: 0.83rem; + padding-left: 30px; + width: auto; + overflow: hidden; + background: var(--whitebg); } .comment summary { float: left; @@ -623,12 +563,6 @@ input[type="submit"]:hover, .comment .comment:first-child { width: calc(100% - 30px); } -.comment { - padding-left: 30px; - width: auto; - overflow: hidden; - background: var(--whitebg); -} .comment details summary { float: left; } @@ -665,74 +599,11 @@ input[type="submit"]:hover, max-width: 60em; } .comment .comment { - background: var(--lightgray); + background-color: rgba(0,0,0,.05); border-left: 1px solid #dcdcdc; margin-top: 10px; } -.comment .comment .comment { - background: var(--whitebg); -} -.comment .comment .comment .comment { - background: var(--lightgray); -} -.comment .comment .comment .comment .comment { - background: var(--whitebg); -} -.comment .comment .comment .comment .comment .comment { - background: var(--lightgray); -} -.comment .comment .comment .comment .comment .comment .comment { - background: var(--whitebg); -} -/* Is there any better way to do this??? send help naow */ -.comment .comment .comment .comment .comment .comment .comment .comment { - background: var(--lightgray); -} -.comment .comment .comment .comment .comment .comment .comment .comment .comment { - background: var(--whitebg); -} -.comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background: var(--lightgray); -} -.comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background: var(--whitebg); -} -.comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background: var(--lightgray); -} -.comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background: var(--whitebg); -} -.comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background: var(--lightgray); -} -.comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background: var(--whitebg); -} -.comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background: var(--whitebg); -} -.comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background: var(--lightgray); -} -.comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background: var(--whitebg); -} -.comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background: var(--lightgray); -} -.comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background: var(--whitebg); -} -.comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background: var(--lightgray); -} -.comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background: var(--whitebg); -} -.comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background: var(--lightgray); -} + /* POST */ #post .info { float: left;