userstyles

feedly-haltcased.user.css

/* ==UserStyle==
@name         feedly haltcased
@namespace    haltcase
@version      1.0.1
@author       Bo Lingen <bo@haltcase.dev> (https://bolingen.me)
@license      unlicense
@preprocessor default
==/UserStyle== */

@-moz-document url-prefix("https://feedly.com/i") {
	#topHeaderBarFX {
		display: none !important;
  }
}

hackernews-haltcased.user.css

/* ==UserStyle==
@name         hacker news haltcased
@namespace    haltcase
@version      1.3.0
@author       Bo Lingen <bo@haltcase.dev> (https://bolingen.me)
@license      unlicense
@preprocessor default
==/UserStyle== */
@-moz-document domain(news.ycombinator.com) {
	:root {
		--content-max-width: 960px;
		--foreground: #1a1a1a;
		--foreground-dim: #6d6d6d;
		--background: #e1e1d9;
		--background-light: #f6f6ef;
	}

	* {
		font-family: Inter, Verdana;
	}

	body {
		background-color: var(--background);
		margin-top: 0;
	}

	#hnmain {
		max-width: var(--content-max-width);
		background-color: var(--background-light);
	}

	#hnmain td[bgcolor="#ff6600"] {
		position: fixed;
		max-width: var(--content-max-width);
		width: 100%;
		background-color: var(--background);
		padding-top: 6px;
		padding-bottom: 6px;

		& > table {
			transition: all 0.3s ease-in-out;
			opacity: 0.6;

			&:hover {
				opacity: 1;
			}
		}
	}

	.pagetop [color="#ffffff"],
	.pagetop .topsel a:visited {
		color: var(--foreground-dim);
	}

	#hnmain .fatitem {
		transition: all 0.3s ease-in-out;

		& .votelinks {
			position: fixed;
			padding-top: 0.15rem;
			z-index: 10;
		}

		& .titleline,
		& .subtext {
			box-sizing: border-box;
			position: fixed;
			top: 2.2rem;
			margin-left: -0.85rem;
			padding-top: 0.85rem;
			padding-left: 2.3rem;
			width: 100%;
			max-width: var(--content-max-width);
			z-index: 1;
		}

		& .titleline {
			padding-bottom: 2rem;
			background-color: #f6f6ef99;
			backdrop-filter: blur(2px);

			& * {
				color: var(--foreground-dim);
				transition: all 0.3s ease-in-out;
			}
		}

		& .subtext {
			margin-top: 1.25rem;
		}

		& .subline,
		& .subline * {
			color: var(--foreground-dim);
			transition: all 0.3s ease-in-out;
		}

		& .toptext {
			margin-top: 2.8rem;
			color: var(--foreground);
		}

		/* only apply this spacing on posts with top text */
		& tr:nth-of-type(4) textarea[name="text"] {
			margin-top: 2.8rem;
		}
	}

	#hnmain .fatitem:hover {
		& .titleline,
		& .titleline *,
		& .subline,
		& .subline * {
			color: var(--foreground);
		}
	}

	#hnmain > tbody > tr:nth-child(3) > td {
		padding: 2.25rem 0.25rem 1rem 0.25rem;
		overflow: hidden;

		& > table {
			width: 100%;
		}

		& > br:nth-of-type(1),
		& > br:nth-of-type(2) {
			display: none;
		}
	}

	#hnmain > tbody > tr:last-child {
		background-color: var(--background);

		& > td {
			transition: all 0.3s ease-in-out;
			opacity: 0.6;

			&:hover {
				opacity: 1;
			}
		}
	}

	#hnmain:has(tr[title="Submit"]) {
		background-color: transparent;

		& > tbody > tr:last-child > td {
			opacity: 1;
		}
	}

	tr:has(td.title > a.morelink) {
		text-align: center;
	}

	.title {
		font-size: 1rem !important;

		&:has(a.morelink) {
			padding-top: 6px;
			padding-bottom: 12px;

			& .morelink {
				color: var(--foreground);
				background-color: var(--background);
				border: 1px solid var(--foreground);
				border-radius: 6px;
				padding-top: 2px;
				padding-left: 10px;
				padding-bottom: 2px;
				padding-right: 10px;

				&:hover {
					background-color: #c1c1b6;
				}
			}
		}
	}

	body,
	td,
	input,
	textarea,
	.default,
	.admin,
	.subtext,
	.yclinks,
	.pagetop,
	.comment,
	.hnname {
		font-size: 0.95rem !important;
	}

	.comhead {
		font-size: 0.8rem !important;
	}
	
	td.ind[indent] > img {
		scale: 50%;
	}

	.athing.comtr tr:has(td.ind[indent]) td.votelinks {
		border-left: 2px solid var(--background);
	}

	/* .athing.comtr tr:not(:has(td.ind[indent="0"])) td.ind {
		position: relative;
		&::before {
			content: "";
			position: absolute;
			top: 0;
			bottom: 0;
			left: 50%;
			border-left: 2px dotted var(--background) !important;
		}
	} */
}