[read] manga see 123 (2) by void

/* ==UserStyle==
@name           [read] manga see 123 (2)
@namespace      github.com/openstyles/stylus
@version        0.1.1.1
@description    A new userstyle
@author         Me
==/UserStyle== */

@-moz-document domain("mangasee123.com") {
	/**
	 * Darker images (semi-transparency)
	 */
	#TopPage.ImageGallery {
		background: #000;
		opacity: .65;
	}
	.ImageGallery img {
		width:  100%;
	}
	.ImageGallery .HasGap {
		margin-top: 2px
	}


	/**
	 * Change of colors and spacing
	 */
	html {
		background: none;
	}
	html body {
		background: #444;
		color:  #eee;
		border-color: #333;
		margin-bottom: 0;
	}

	body[style] .list-group-item,
	body[style] .registerBox,
	body[style] .breadcrumb {
		background: #0001;
		color:  inherit;
	}

	html .MostPopular,
	html .box-header {
		background: #333;
		color:  #ddd;
	}
	body[style] .list-group,
	body[style] .subscriptionFeed,
	body[style] .latestGroup,
	body[style] .box-body {
		background: #555;
		color:  #ddd;
	}
	body[style] .box-body[style] {
		background: #555  !important;
	}
	html .mainWell h1 {
		color:  lightgray;
	}
	html .latestGroup > .latestSeries > .row {
		background: #0002;
	}
	html .latestGroup > .latestSeries .clamp2 ~ * {
		opacity:  .75;
		color:  inherit;
	}
	.chapter-list .list-group-item .chapterLabel {
		background: none;
		color:  inherit  !important;
	}

	.CommentForm,
	.CommentArea,
	.Comment {
		background: #fff1;
		border-color: #fff1;
	}
	.Reply {
	    border-color: #fff6;
	}

	/* Removals */
	.mainContainer > div[style]:first-child,
	.bigNavBar,
	.footer {
		display:  none;
	}

	.navbar.navbar-fixed-top.device-fixed-height.navbar-hidden {
		top:  0  !important;

		line-height: 1em;
	}

	/* Links... */
	.mainContainer a {
		color: #9cf  !important;
	}
	.mainContainer a:visited:not(:hover):not(:focus) *,
	.mainContainer a:visited:not(:hover):not(:focus) {
		text-decoration:  line-through;
	/*     color: #9cf  !important; */
	}
	/* .adminRecommendation .seriesLink {
		color: #9cd;
	}
	.chapter-list .list-group-item:focus,
	.chapter-list .list-group-item:hover,
	.chapter-list .list-group-item,
	.adminRecommendation .seriesLink:focus,
	.adminRecommendation .seriesLink:hover, */
	.mainContainer a:visited,
	.mainContainer a:focus,
	.mainContainer a:hover {
		text-decoration:  underline;
		color: #cfe  !important;
	}
	.mainContainer a:visited:focus,
	.mainContainer a:visited:hover {
		color: #cc6  !important;
	}
	a.list-group-item:focus,
	a.list-group-item:hover,
	button.list-group-item:focus,
	button.list-group-item:hover {
		background-color: #f5f5f533  !important;
	}

	/* Blocks... */
	.containerNav {
		color:  #999;
	}
	.mainWell.well,
	.mainWell {
	/* 	background-color: #fff2; */
		background-color: #666;
	}
	.list a {
		color:  #cfe;
	}
	.mainContainer {
		margin: 0 auto;
	}

	.list-group-item-action {
		color:  #acd;
	}
	a.list-group-item:focus,
	a.list-group-item:hover,
	button.list-group-item:focus,
	button.list-group-item:hover {
		color:  #cef;
	}



	/**
	 * Revised links' colors
	 */
	a.list-group-item-action,
	a.ChapterLink,
	a {
		color:  #9cf;
	}
	a.list-group-item-action:visited,
	a.ChapterLink:visited,
	a:visited > .ChapterLabel,
	a:visited > .DateLabel,
	a:visited,
	a.list-group-item-action:hover,
	a.list-group-item-action:focus,
	a.ChapterLink:hover,
	a.ChapterLink:focus,
	a:focus,
	a:hover {
		color:  #6c9;
	}
	a.list-group-item-action:visited:hover,
	a.list-group-item-action:visited:focus,
	a.ChapterLink:visited:hover,
	a.ChapterLink:visited:focus,
	a:visited:hover > *,
	a:visited:focus > *,
	a:visited:hover,
	a:visited:focus {
		color:  #cc6;
	}
	.Chapter .ChapterLabel,
	.Chapter .DateLabel {
		color: inherit;
	}

	.container .Box {
		background: #26221d;
		box-shadow: 0 0 1ex #0006;
		color: #ccc;
		border: solid 1px #0003;
	}
	.BoxHeader {
		background-color: #403a2c;
		border-bottom:  solid 4px #11100f;
	}

	.list-group-item,
	html .Chapter .Label,
	.BoxBody {
		background: none;
	}

	.btn-primary {
		background-color: #468;
		border-color: #357;
	}

	.DesktopNav {
		background: none;
	}
	.DesktopNav .btn-outline-secondary:not(:hover):not(:focus) {
		color: #ccc;
	}

	.modal-content {
		background: #26221d;
		box-shadow: 0 0 1ex #0006;
		color:  #999;
		border-color: #11100f;
	}
	.modal-footer,
	.modal-header {
		border-color: inherit;
	}
	.modal-header {
		background: #403a2c;
		border-bottom-width:  4px;
	}
	.modal-footer {
		border-top-width: 4px;
	}
	.close {
		color:  inherit;
	}




	/**
	 * Styling of visited series (not chapters)
	 */
	.Chapter {
		position: relative;
	}
	.Chapter .Image {
		position: static;
	}
	.Chapter .Image a,
	.Chapter a.Image {
		overflow: visible hidden;
		position: static;
	}
	.Chapter .Image a::before,
	.Chapter a.Image::before {
		content: '';
		position: absolute;
		height: 6px;
		right: 0;
		left: 100px;
		background: #282828;
	}
	.Chapter .Image a:visited::before,
	.Chapter a:visited.Image::before {
		background-color: #062;
	}


	/**
	 * Chapter list Modal (fluid)
	 */
	#ChapterModal.modal {
		--chap-width: 10em;

		text-align: center;
	}
	#ChapterModal .modal-content,
	#ChapterModal .row {
		display:  block;
	}
	#ChapterModal .modal-dialog,
	#ChapterModal .row > * {
		display:  inline-block;
	}
	#ChapterModal .modal-dialog {
		text-align: left;

		max-width:  calc(10 * var(--chap-width) + 5px);
		min-width:  calc( 3 * var(--chap-width) + 5px);
		width:  auto;
	}
	#ChapterModal .row > * {
		max-width:  none;
		width:  var(--chap-width);
	}
}