Stylus stylesheets

nebula-player-tweaks.css

/**
 * Nebula Player Tweaks
 *
 * ✅ GitHub Gist
 * Applies to: https?:\/\/(www\.)?nebula\.app\/videos\/.+
 */

:root {
	--masthead-container-height: 72px;
}

/* Page container. */
#NebulaApp {
	height: 100vh;
	
	/* Scroll-snap styles */
	overflow-y: scroll;
	scroll-snap-type: y proximity;
}
/* Masthead */
#NebulaApp >:first-child {
	position: static;
	
	/* Scroll-snap styles */
	scroll-snap-align: start;
}
/* The rest of the page */
#NebulaApp >:nth-child(2) {
	position: static;
	margin-top: 0;
	
	/* Scroll-snap styles */
	scroll-snap-align: start;
}

.vjs-theater-mode .video-js {
	height: calc(100vh - var(--masthead-container-height));
	padding-top: 0;
	
	/* Scroll-snap styles */
	height: 100vh;
}

WIP-new-old-reddit.css

/**
 * WIP: New Old Reddit
 *
 * ❌ GitHub Gist
 * Applies to: reddit.com
 * Updated: 2025-03-02
 */

body {
	display: grid;
	grid-template-columns: calc(100% - 310px) 300px;
	grid-auto-rows: min-content;
	grid-template-areas:
		"header	header"
		"main	sidebar"
		"footer	footer";
	
	max-width: 1433px;
	margin: 0 auto;
}
#header {
	grid-area: header;
}
div.side {
	grid-area: sidebar;
}
div.content {
	grid-area: main;
}
div.footer-parent {
	grid-area: footer;
}

body.with-listing-chooser .listing-chooser .grippy {
	z-index: 1;
}

/**
 * More readable comments
 */
.md,
.md textarea {
	font-size: 15px;
	font-family: 'Libre Baskerville', serif;
	letter-spacing: 0.5px;
	/*font-family: 'Merriweather', serif;*/
	/*letter-spacing: 1px;*/
	
	/*font-weight: bold;*/
	/*hyphens: auto;*/
}
.md h1, .md h2, .md h3, .md h4, .md h5, .md h6 {
	font-weight: bold;
}
.md p:not(:first-child):not(:last-child) {
	margin: 8px 0;
}
.md,
.md textarea,
.md .-text,
.md p,
.md pre > code,
.md th,
.md td,
.md li {
	line-height: 24px;
}
.md blockquote br {
	display: block;
	margin: 4px 0;
}

.thing.res-selected {
	outline: 2px dashed;
}
.res-nightmode .entry.res-selected, 
.res-nightmode .entry.res-selected .md-container {
	background-color: unset !important;
}