Skip to content

Pygmalion by Kelhsy

Write a review Install Get Stylus

Details

AuthorKelhsy

LicenseNo License

Categoryboards.4chan.org

Created

Updated

Size61 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

An user style for 4chan called Pygmalion.
Uploading since the original upload is gone

Notes

Userstyle doesn't have notes.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. 
/* ==UserStyle==
@name           Pygmalion
@namespace      https://github.com/Catgrills/Pygmalion
@version        1.1.3
@description    An user style for 4chan called Pygmalion.
@author         Catgrills/Katgrills
@preprocessor uso
@var select theme 'Theme' {
	"Light": `
	:root {
		--body-bg: #F0F1F5 !important; 
		--border: #EBEBEB !important;
		--border-own: #2C82C9 !important;
		--border-you: rgba(255, 100, 0, 1) !important;
		--catalog-hover-bg: #F8F8F8 !important;
		--dropdown-bg: #212121 !important;
		--header-bg: #F9F9F9 !important;
		--input-bg: #F0F1F5 !important;
		--post-bg: #FFF !important;
		--table-bg: #FFF !important;
		--thumb-bg: #F8F8F8 !important;
		--watch-thread-bg: #EBBD63 !important;
		--catalog-hover-color: #212121 !important;
		--catalog-message-color: #4C4C4C !important;
		--catalog-stat-color: #60646D !important;
		--catalog-subject-color: #65878F !important;
		--current-color: #34495E !important;
		--dead-color: #D33257 !important;
		--info-color: #7E7E7E !important;
		--link-color: #008891 !important;
		--menu-color: #808080 !important;
		--name-color: #A34443 !important;
		--num-color: #897399 !important;
		--post-color: #7E7E7E !important;
		--quote-color: #2CC990 !important;
		--quotelink-color: #897399 !important;
		--subject-color: #987D3E !important;
		--you-color: #EB9532 !important;
		--dropdown-url : url('https://i.imgur.com/OygFMxF.png');
	}
	`,
	"Dark":`
	:root {
		--body-bg: #17181A !important;
		--border: #000 !important;
		--border-own: #2C82C9 !important;
		--border-you: rgba(255, 100, 0, 1) !important;
		--catalog-hover-bg: #242528 !important;
		--dropdown-bg: #EBEBEB !important;
		--header-bg: #242528 !important;
		--input-bg: #242528 !important;
		--post-bg: #383942 !important;
		--table-bg: #383942 !important;
		--thumb-bg: #242528 !important;
		--watch-thread-bg: #008891 !important;
		--catalog-hover-color: #7E7E7E !important;
		--catalog-message-color: #FFF !important;
		--catalog-stat-color: #FFF !important;
		--catalog-subject-color: #EBEBEB !important;
		--current-color: #60646D !important;
		--dead-color: #D33257 !important;
		--info-color: #BBB !important;
		--link-color: #008891 !important;
		--menu-color: #EBEBEB !important;
		--name-color: #A34443 !important;
		--num-color: #897399 !important;
		--post-color: #EBEBEB !important;
		--quote-color: #2CC990 !important;
		--quotelink-color: #897399 !important;
		--subject-color: #987D3E !important;
		--you-color: #EB9532 !important;
		--dropdown-url: url('https://i.imgur.com/AN6BKJT.png');
	}
	`
}
==/UserStyle== */
@-moz-document domain("boards.4chan.org"),
domain("boards.4channel.org") {

	/*[[theme]]*/

	/* GENERAL */

	/** DESCRIPTION : set the main font and change others elements **/
	* {
		font-family: "Roboto", "ぼくたちのゴシック２ボールド" !important;
		font-size: 12pt;
		text-decoration: none !important;
	}

	*::-moz-focus-inner {
		border: 0;
	}

	input::-moz-placeholder,
	.filed::-moz-placeholder {
		color: #F0F1F5 !important;
		font-family: "Roboto" !important;
		font-size: 15pt !important;
	}

	html {
		overflow-x: hidden !important;
	}

	body {
		background: var(--body-bg) !important;
		margin: 0px !important;
	}

	.fixed body {
		padding: 0px !important;
	}

	.middlead.center {
		display: none !important;
	}

	#trigger-btn {
		background: no-repeat url("https://i.imgur.com/fkIEJ1T.png") center !important;
		background-color: transparent;
		background-size: cover !important;
		border: none !important;
		color: transparent;
		height: 30px !important;
		width: 30px !important;
		position: fixed !important;
		top: 20px !important;
		left: 20px !important;
		filter: brightness(0) invert(1) !important;
		opacity: .8 !important;
		z-index: 999 !important;
	}

	#close-btn {
		background: url('https://imgur.com/4GlrMN7.png') no-repeat 50% 50%;
		background-size: cover !important;
		background-color: transparent !important;
		border: none !important;
		color: transparent !important;
		height: 30px !important;
		width: 30px !important;
		position: fixed !important;
		top: 20px !important;
		right: 20px !important;
		filter: brightness(0) invert(1) !important;
		opacity: .8 !important;
	}

	a[href="#top"] {
		position: fixed !important;
		right: 30px !important;
		bottom: 20px !important;
		visibility: hidden;
	}

	a[href="#top"]:hover:before {
		background-color: #E26E67 !important;
		transition: all .3s ease-in-out !important;
	}

	a[href="#top"]::before {
		background-color: #D6523C !important;
		background-image: url("https://i.imgur.com/iUcfZuU.png") !important;
		background-position: center 40% !important;
		background-repeat: no-repeat !important;
		background-size: 28px auto !important;
		border-radius: 50% !important;
		box-shadow: 0px 1px 2px rgba(0, 0, 0, .1) !important;
		color: transparent !important;
		content: "dd" !important;
		height: 40px !important;
		width: 40px !important;
		position: absolute !important;
		bottom: 0px !important;
		margin-left: -2px !important;
		transition: all .3s ease-in-out !important;
		visibility: visible !important;
	}

	:root.rounded-corners .reply,
	:root.rounded-corners.op-background .postContainer.opContainer,
	:root.rounded-corners .dialog:not(#header-bar),
	:root.rounded-corners .inline,
	:root.rounded-corners #thread-stats:root.rounded-corners #updater,
	:root.rounded-corners #menu,
	:root.rounded-corners .thumb,
	:root.rounded-corners .fileThumb img:not(.full-image),
	:root.rounded-corners .catalog-thumb,
	:root.rounded-corners .dd-menu ul,
	:root.rounded-corners.werkTyme .catalog-thread:not(:hover),
	:root.rounded-corners.werkTyme:not(.catalog-hover-expand) .catalog-thread,
	:root.rounded-corners.catalog-hover-expand .catalog-container:hover > .post,
	:root.rounded-corners.catalog-hover-expand .catalog-container:hover .catalog-reply {
		border-radius: 1px !important;
	}

	.archivedIcon.retina,
	#bannerCnt,
	#blotter,
	#boardNavDesktopFoot,
	.bottomCtrl.desktop,
	.exlinksOptionsLink.entry,
	.gal-buttons,
	.hide-thread-button,
	.hide-reply-button,
	.identityIcon.retina,
	img[title="Closed"],
	img[title="Sticky"],
	.is_arclist .center,
	.is_thread .postInfo .riceCheck,
	.pagelist.json-index,
	.party-hat,
	.postInfo .riceCheck,
	.qr-link-container,
	:root.banner-opacity #bannerCnt,
	#togglePostFormLink {
		display: none !important;
	}

	#mascot img {
		position: fixed !important;
		left: 0px !important;
	}

	strong[style*="red"] {
		color: #BEBEBE !important;
		font-size: 14pt !important;
		font-weight: normal !important;
		text-transform: lowercase !important;
	}

	/* HEADER */

	/** DESCRIPTION : change the elements of the header **/
	#header-bar,
	:root.header-gradient #header-bar {

		/*** HEADER CONTAINER ***/
		background: transparent !important;
		box-shadow: none !important;
		position: absolute !important;
	}

	#header-bar #board-list {

		/*** HEADER BOARD LIST ***/
		background: rgba(0, 0, 0, .9) !important;
		color: transparent !important;
		height: 100vh !important;
		width: 100% !important;
		text-align: center !important;
		position: fixed !important;
		top: 0px !important;
		right: 0px !important;
		bottom: 0px !important;
		left: 0px !important;
		margin: auto !important;
		z-index: 9999 !important;
		display: none;
	}

	#header-bar #board-list #custom-board-list {

		/*** HEADER CUSTOM BOARD LIST ***/
		font-size: 0px !important;
		width: 70% !important;
		position: absolute !important;
		top: 40% !important;
		right: 0px !important;
		bottom: 0px !important;
		left: 0px !important;
		margin: auto !important;
		column-count: 3 !important;
		column-gap: 0em !important;
	}

	#header-bar #board-list #custom-board-list a:not(.show-board-list-button) {
		font-size: 18pt !important;
		font-stretch: condensed !important;
		width: auto !important;
		text-align: left !important;
		display: block;
		transition: all .3s ease-in-out !important;
	}

	#header-bar #board-list #custom-board-list a {
		color: #FFF !important;
	}

	#header-bar #board-list #custom-board-list a:hover {
		color: #27ae60 !important;
		transition: all .3s ease-in-out !important;
	}

	#header-bar #board-list #custom-board-list .current {
		border-bottom: none !important;
		color: #27ae60 !important;
		font-weight: normal !important;
	}

	#header-bar #custom-board-list::before {
		content: "Custom Board List";
		color: #7E7E7E !important;
		font-family: "Roboto" !important;
		font-size: 25pt !important;
		font-stretch: condensed;
		position: absolute !important;
		top: -60px !important;
		left: 0px !important;
	}

	#header-bar #full-board-list .boardList {

		/*** HEADER FULL BOARD LIST ***/
		color: transparent !important;
		width: 90% !important;
		position: absolute !important;
		top: 20% !important;
		right: 0px !important;
		bottom: 0px !important;
		left: 0px !important;
		margin: auto !important;
		column-count: 5 !important;
		column-gap: 1em !important;
	}

	#header-bar #full-board-list .boardList::before {
		content: "Full Board List";
		color: #7E7E7E !important;
		font-size: 25pt !important;
		font-stretch: condensed !important;
		position: absolute !important;
		top: -60px !important;
		left: 0px !important;
	}

	#header-bar #full-board-list .boardList span {
		display: none !important;
	}

	.show-board-list-button {
		position: absolute !important;
	}

	#header-bar #full-board-list a {
		color: #FFF !important;
		font-family: "Roboto" !important;
		font-size: 15pt !important;
		font-stretch: condensed;
		width: 200px !important;
		text-align: left !important;
		transition: all .3s ease-in-out !important;
		display: block !important;
	}

	#header-bar #full-board-list .a:hover {
		color: #27ae60 !important;
		transition: all .3s ease-in-out !important;
	}

	#header-bar #full-board-list .current {
		color: #27ae60 !important;
		font-weight: normal !important;
	}

	#header-bar .show-board-list-button,
	#header-bar .hide-board-list-button {
		visibility: hidden;
	}

	#header-bar .show-board-list-button::after,
	#header-bar .hide-board-list-button::after {
		border-radius: 50% !impor...

Reviews

No reviews yet.