Skip to content

Melonbooks add-to-cart button colors by AquaWolfGuy

Screenshot of Melonbooks add-to-cart button colors

Details

AuthorAquaWolfGuy

LicenseCC-BY-NC-SA-4.0

Categorymelonbooks.jp

Created

Updated

Size1.9 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Colors add-to-cart buttons cyan (pre-order) or orange-yellow (in stock) in the favorites list, and brown (downloadable) in product listings.

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name         Melonbooks add-to-cart button colors
@description  Colors add-to-cart buttons cyan (pre-order) or orange-yellow (in stock) in the favorites list, and brown (downloadable) in product listings.
@license      CC-BY-NC-SA-4.0
@namespace    AquaWolfGuy
@author       AquaWolfGuy
@version      1
@preprocessor default
@var color in-stock-color "In-stock color" #ffc541
@var color pre-order-color "Pre-order color" #26bfdd
@var color dl-color "Downloadable color" #CCAA9B
==/UserStyle== */

@-moz-document url-prefix("https://www.melonbooks.co.jp/mypage/favorite.php") {
	/* Colored add-to-cart buttons in wishlist according to in-stock or reservations. */

	/* In stock */
	.my-page .item-list .btns p.favorite a.cart_in_button[title="今すぐ購入"] {
		background-color: var(--in-stock-color, #ffc541);
		border-color: transparent;
	}

	/* Pre-order */
	.my-page .item-list .btns p.favorite a.cart_in_button[title="今すぐ予約"] {
		background-color: var(--pre-order-color, #26bfdd);
		border-color: transparent;
	}

	/* Icon */
	.my-page .item-list .btns p.favorite a.cart_in_button[title="今すぐ購入"]::before,
	.my-page .item-list .btns p.favorite a.cart_in_button[title="今すぐ予約"]::before {
		color: #fff;
		border-color: #fff;
	}

	/* Text */
	.my-page .item-list .btns p.favorite a.cart_in_button[title="今すぐ購入"] > span,
	.my-page .item-list .btns p.favorite a.cart_in_button[title="今すぐ予約"] > span {
		color: #fff;
	}
}

@-moz-document domain("melonbooks.co.jp") {
	/* Add-to-cart buttons for downloadable/electronic products. */

	.item-list .search-item-detail-btn-list a.dl_to_wish,
	.search-item-cover .search-item-detail-btn-list a.dl_to_wish,
	.btn-cart .read_button.oneclick_button,
	.btn-cart .read_button.dl_cart_button {
		background-color: var(--dl-color, #CCAA9B) !important;
	}
}

Reviews

No reviews yet.