diff --git a/dist/css/styles.css b/dist/css/styles.css index 8d4472e..ee42043 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; } @@ -390,6 +326,9 @@ header a.subreddit { font-size: 0.7rem; margin-right: 12px; } +header a.subreddit h2 { + word-break: break-word; +} header .tabmenu { float: left; overflow: hidden; @@ -590,6 +529,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 +566,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 +602,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; @@ -1118,6 +992,7 @@ input[type="submit"]:hover, } #search form label { float: left; + word-break: break-all; } #search form label input { float: left;