MAL-Character Renders in the Side + Custom Scrollbar

Character Renders for the Whitespace on MAL
当前为 2021-06-28 提交的版本，查看最新版本。
换行
/* ==UserStyle==
@name         MAL-Character Renders in the Side + Custom Scrollbar
@version      1.0.1
@description  Character Renders for the Whitespace on MAL
@namespace    jery_js
@author       jery_js

//MALpage     https://myanimelist.net/profile/jery_js  

==/UserStyle== */

@-moz-document domain("myanimelist.net") {
/*MAL - Character Renders in the Side - Rem & Ram*/
:root {
	--clr1: #004dff;	/* Scrollbar track - blue */
	--clr2: #444;		/* Scrollbar background - black*/
	--char1: url(https://i.imgur.com/3CKtjS4.png);	/* Rem */
	--char2: url(https://i.imgur.com/gs8GGr3.png);	/* Ram */
	
	/* To change the characters, just replace the urls with the urls for the characters u want (recommended-1400x2200 px) */
}

/*	Side Renders	*/
body:not(.ownlist) {
	background-color: white;
	background-image: var(--char1), var(--char2);
	background-position-x: -190px, 1045px;
	background-position-y: -1px, -15px;
	min-height: 100%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: auto 105%;
}

/*	Border	 */
body.page-common #myanimelist {
	border: groove #2e51a2 3px;
	border-top-width: 0px;
}



/*-------------------------------*\
|        CUSTOM SCROLLBAR         |
\*------------------------------*/
/* Firefox */
* {
	scrollbar-color: var(--clr1) var(--clr2);
}

/* Chrome */
*::-webkit-scrollbar {
	background: var(--clr2);
}

*::-webkit-scrollbar-button:vertical {
	background: transparent center / 10px auto no-repeat;
}
*::-webkit-scrollbar-button:vertical:start {
	background-image: url(https://i.imgur.com/Cu2u9Hu.png);
}
*::-webkit-scrollbar-button:vertical:end {
	background-image: url(https://i.imgur.com/0YI7VxA.png);
}
*::-webkit-scrollbar-button:horizontal {
	background: transparent center / auto 10px no-repeat;
}
*::-webkit-scrollbar-button:horizontal:start {
	background-image: url(https://i.imgur.com/BArw1oI.png);
}
*::-webkit-scrollbar-button:horizontal:end {
	background-image: url(https://i.imgur.com/vqOtoms.png);
}
*::-webkit-scrollbar-corner {
	background: var(--clr2);
}

*::-webkit-scrollbar-thumb {
	background: var(--clr1) content-box;
	border: 0 solid transparent;
}
*::-webkit-scrollbar-thumb:vertical {
	border-width: 0 2px;
}
*::-webkit-scrollbar-thumb:horizontal {
	border-width: 2px 0;
}
*::-webkit-scrollbar-thumb:hover {
	background-color: #004dffe8;
}
*::-webkit-scrollbar-track {
	width: 5px;
}

/*------------------------E-N-D-*/
}
欢迎访问Greasy Fork镜像
