Cleaner Sankakucomplex UI by RemivDeursen

/* ==UserStyle==
@name         Cleaner Sankakucomplex UI
@version      20240703.04.44
@namespace    https://userstyles.world/user/Rem
@description  Mainly:-Cleaner look-Less ad space-Less "Buy x" crap-Sidebar that expands on mouse-hover
@author       Rem
@license      MIT
==/UserStyle== */

@-moz-document domain("chan.sankakucomplex.com") {
#image {
	width: 100%;
	height: auto;
	padding-right: 45px;
}
#post-content {
	width: 90vw;
}
.top-bar,
#sp1,
.companion-carousel,
.topbar-carousel,
.news-carousel,
.premium-carousel,
.ai-carousel,
.companion--draggable_element {
	display: none;
}
.carousel > h5 {
	display: none;
}
/* Center page content */
div.content {
	position: absolute;
	padding-left: 20px;
	width: 95vw;
}

/* Browsing page sticky side bar */
div#sticky {
	position: fixed !important;
	width: 212px !important;
	/* Set a specific width */
	top: 120px;
	bottom: 0;
	max-height: 100vh;
	z-index: 2;
	overflow: visible;

	left: -200px;
	/* Position them outside of the screen */
	transition: 0.3s !important;
	/* Add transition on hover */
}
div#sticky.stick {
	overflow: visible;
	left: -200px;
	/* Position them outside of the screen */
	transition: 0.3s !important;
	/* Add transition on hover */
	top: 0;
}
div#sticky > .sidebar {
	position: relative;
	top: 0 !important;
	bottom: 0;
	left: 0;
	transition: 0.3s !important;
	/* Add transition on hover */
	width: 212px !important;
	/* Set a specific width */
	border-radius: 0 5px 5px 0 !important;
	/* Rounded corners on the top right and bottom right side */
	scrollbar-width: none;
	/* Firefox */
	height: 100vh;
	z-index: 1 !important;
}

/* Image view page sticky side bar */
#post-view > .sidebar {
	position: relative !important;
	width: 212px !important;
	/* Set a specific width */
	top: -12px;
	bottom: 0;
	z-index: 2;
	overflow: visible;
	border-radius: 0 !important;

	left: -200px;
	/* Position them outside of the screen */
	transition: 0.3s !important;
	/* Add transition on hover */
}

/* On hover repositioning for the side bars */
div#sticky:hover,
div#sticky.stick:hover,
#sticky.div.sidebar:hover,
#post-view > .sidebar:hover {
	left: 0
}

.status-notice {
	display: none;
}
#post-view #right-col .carousel:first-child {
	display: none;
}

#post-view .carousel > .post-gallery {
	height: 10px;
	overflow: hidden;
}
#post-view .carousel > .post-gallery:hover {
	height: 100%;
}
}