Novel Full Dark by VAWilliams

/* ==UserStyle==
@name       Novel Full Dark
@version    20240219.01.52
@namespace  ?
==/UserStyle== */
@-moz-document url-prefix("https://novelfull") {
	/* WEBSITE */
	@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:wght@300;400&display=swap');

	:root {
		--primary: #9c34dd;
		--background: #222222;
		--content: rgba(255, 255, 255, .95);
	}


	*:not(.glyphicon) {
		font-family: "Fira Sans", sans-serif !important;
		font-weight: 300;
	}
	
	html {
		overflow-x: hidden;
	}

	header.header {
		border-bottom: .125rem rgba(255, 255, 255, 0.1) solid;
		padding: 1rem 0;
		position: sticky;
		top: 0;
		margin-bottom: -100%;
		backdrop-filter: blur(1rem);
		background-color: rgba(26, 26, 26, .5);
	}

	#nav {
		background: transparent;
		margin: 0 10%;
		border: none;
		padding: 1em 1em .5em;
	}

	#nav > div {
		width: 100%;
	}

	#nav > div > div.navbar-collapse.collapse > form {
		margin-top: .25em;
	}

	#nav > div > div.navbar-collapse.collapse > form > div.input-group.search-holder > div > button {
		border-radius: 0 .5em .5em 0;
		padding: .55em 1em;
	}

	#nav form.navbar-form > .search-holder > .input-group-btn > .btn.btn-default[type="submit"] {
		border-radius: 0 2em 2em 0;
		padding: .8em 1.5em;
		background: var(--background);
		color: var(--content);
	}

	#nav .navbar-nav {
		font-size: 1.2em;
		margin-left: 2em;
	}

	#nav .dropdown > .dropdown-menu {
		top: 115%;
		padding: 0;
		box-shadow: 0 0 .125rem white;
	}

	#nav .dropdown > .dropdown-menu::before {
		content: "";
		position: absolute;
		border: 1rem transparent solid;
		border-bottom-color: transparent;
		border-bottom-color: var(--background);
		top: -2rem;
		left: 1rem;
	}

	#nav .dropdown-menu > li {
		padding: .25rem;
	}

	#nav .dropdown-menu > li > a {
		font-size: 1.2em;
		padding: .5em .75em;
		text-overflow: ellipsis;
		overflow: hidden;
	}

	#nav .dropdown-menu > li > a:hover,
	#nav .dropdown-menu > li > a:focus {
		background-color: #333;
		border-radius: .25rem
	}

	#nav.navbar-default .navbar-nav > .open > a,
	#nav.navbar-default .navbar-nav > .open > a:hover,
	#nav.navbar-default .navbar-nav > .open > a:focus,
	#nav .navbar-nav > li > .dropdown-menu {
		background-color: var(--background);
		box-shadow: none;
	}


	#nav #search-input {
		border-radius: 2em 0 0 2em;
		padding: 1.5em 1.5em;
		background: var(--background);
	}

	#nav #search-input::placeholder {
		color: var(--content);
	}



	.footer {
		margin: 0;
		background: var(--background);
		color: var(--content);
	}
}
@-moz-document regexp("https:\\/\\/novelfull\\.(net|com)\\/.*\\/.*\\.html") {
	/* READER */
	#container > div.navbar-breadcrumb,
	#options,
	#chapter > div > div > button,
	#chapter > div > div > div:nth-child(10),
	#chapter > div > div > div.bg-info.text-center.visible-md.visible-lg.box-notice,
	#chapter > div > div > button + #chapter-nav-top,
	#wrapper > footer > div > ul,
	#chapter-content > div:nth-child(135),
	br,
	div.col-xs-12:nth-child(1) > div[align="center"],
	/* 	#chapter-content > div, */
	#chapter-content > h4,
	#chapter-content > h2,
	#chapter-content > h1,
	.caret,
	.chapter-start,
	.chapter-end,
	#chapter-content :empty {
		display: none !important;
	}

	#container {
		background: var(--background) !important;
		color: var(--content) !important;
		padding-bottom: 3em;
	}

	#container::before {
		content: "";
		position: absolute;
		inset: 0;
		background: linear-gradient(45deg, #2a242e, var(--background), var(--background));
	}

	#chapter span,
	#chapter p {
		color: var(--content);
	}

	#chapter .truyen-title {
		color: var(--primary);
		margin: 7em auto .25em;
		text-shadow: 0 0 .125em var(--primary);
		text-transform: capitalize;
		font-size: 2rem;
		text-align: center;
		max-width: 80%;
	}

	#chapter h2 > .chapter-title > .chapter-text {
		display: block;
		font-size: 4.5rem;
		margin-bottom: 10rem;
		font-weight: 300;
		text-wrap: wrap;
		max-width: 32rem;
	}

	#chapter-content {
		max-width: 32em;
		margin: auto;
		margin-bottom: 5rem;
	}

	#chapter-content p,
	#chapter-content h3 {
		margin: 0 3rem 1rem;
		font-weight: 400;
		line-height: 1.5em;
		color: var(--content);
	}

	#chapter-content p:hover {
		color: rgba(255, 255, 255, 1);
	}

	#chapter-nav-top {
		position: sticky;
		bottom: 0;
		padding: .5em 0 1em;
	}

	#chapter-nav-top::after {
		content: "";
		position: absolute;
		inset: 0;
		z-index: -1;
		backdrop-filter: blur(1rem);
	}

	#chapter-nav-top > .btn-group {
		margin: auto;
		display: flex;
		justify-content: space-between;
		max-width: 45rem;
	}

	#prev_chap {
		margin-left: 3rem;
	}

	#next_chap {
		margin-right: 3rem;
	}

	#chapter-nav-top > .btn-group > select.btn {
		height: auto;
		-moz-appearance: none;
		/* Firefox  */
		-webkit-appearance: none;
		/* Safari and Chrome */
		appearance: none;
	}

	.btn-success {
		background: var(--primary);
		border: none;
		padding: .75em 1em;
		font-size: 1.05em;
		border-radius: 3rem !important;
	}

	.btn-success:hover,
	.btn-success:active,
	.btn-success:focus {
		background: var(--background) !important;
		box-shadow: 0 0 .125rem var(--content);
	}

	.btn-success > span {
		font-weight: 400;
	}
}
@-moz-document regexp("https:\\/\\/novelfull\\.(net|com)\\/.*\\.html") {
	/* NOVEL INFO */
	*,
	a {
		color: var(--content);
	}

	#container {
		background-color: var(--background);
	}

	.col-truyen-main {
		margin-top: 10rem;
	}

	div.item,
	a img.undefined,
	info-holder .books .book img {
		border-radius: 1rem;
		overflow: hidden;
		border: .1rem var(--content) solid;
	}

	div.item > a:nth-child(1) > div:nth-child(2) > h3:nth-child(1) {
		text-shadow: none;
		color: var(--content) !important;
	}

	#intro-index {
		height: unset;
	}

	#intro-index > div:nth-child(1) {
		margin-top: 5rem;
	}

	#list-index {
		margin-top: 5rem;
	}

	.list-new .list.index-intro {
		border: .1rem var(--content) solid;
	}

	.list-new .list.index-intro .row {
		background: var(--background);
		border-bottom: .1rem var(--content) solid;
	}

	.list-new .list.index-intro .row:last-child {
		border-bottom: none;
	}

	.list-new .list.index-intro .row a,
	div.col-xs-6 a,
	a .caption h3,
	ul li a,
	.s-title h3 a {
		color: #ffffffd4
	}

	.col-truyen-side .list > .row,
	.col-truyen-side .list,
	.list > .row,
	.col-info-desc,
	#list-chapter,
	.comment-box {
		background: var(--background)
	}

	.col-truyen-side .list.list-cat > .row > div:nth-child(2n + 1) {
		padding-left: 20px !important;
	}

	.info-holder .books .book {
		display: contents !important;
	}

	.book img {
		border: none !important;
	}

	.info-holder .books .book:before,
	.info-holder .books .book::after,
	.desc .rate,
	.small {
		display: none;
	}

	.desc .desc-text {
		margin: 4rem 0;
	}

	.desc-text p {
		margin: 0;
		font-weight: 400;
		font-size: 1.6rem;
	}
}
@-moz-document regexp("https:\\/\\/novelfull\\.(net|com).") {
	/* HOME */
	#container {
		margin-top: 100%;
	}
}