Making it less painful to use. This style clearly marks listings made by websites, and fixes other annoyances.
marktplaats.nl - Less spam by denilsonsa
Details
Authordenilsonsa
LicensePublic Domain
Categorymarktplaats
Created
Updated
Size1.9 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Most of the time, the user wants to find listings made by other users. Opening a listing that leads to a website is a waste of time, even more so because there are too many of those, and most of the time the website doesn't even have the product for sale.
This style clearly marks website listings, so it's easier to ignore them.
This style also does some other fixes and tweaks based on personal taste, but always with the objective of improving the end-user experience.
Source code
/* ==UserStyle==
@name marktplaats.nl with less spam
@namespace github.com/openstyles/stylus
@version 1.0.2
@description Making it less painful to use.
@author Denilson
==/UserStyle== */
@-moz-document domain("marktplaats.nl") {
/* Fix for (cookie?) overlay being removed by content blocking. */
html body {
overflow-y: initial !important;
}
/* :has() isn't fully supported in Firefox yet. In fact, it's very broken, matching stuff that shouldn't be matched. Or maybe it got fixed over time. */
html .hz-Listing--list-item:has(.hz-Listing--sellerInfo > .hz-Listing-seller-link),
html .hz-Listing--gallery-item:has(.hz-Listing-seller-link > a.hz-Link){
opacity: 0.5;
}
html .hz-Listing--list-item .hz-Listing--sellerInfo > .hz-Listing-seller-link,
html .hz-Listing--gallery-item .hz-Listing-content .hz-Listing-seller-link {
display: block;
background: #FFC0C0;
margin-top: 0;
height: auto;
flex: 1 1 auto;
}
html .hz-Listing--list-item .hz-Listing--sellerInfo > .hz-Listing-seller-link > a,
html .hz-Listing--gallery-item .hz-Listing-content .hz-Listing-seller-link > a {
color:red;
}
/* Less ads. */
html .hz-Banner {
display: none;
}
/* "Grover" is a website for renting computer hardware. It has too many listing with low prices, but it's a trap: the price is the monthly rental price. Let's highlight this trap. */
/* "Store Nederland" is another dubious website with listed prices that do not correspond to the reality. */
html head:has(meta[name="description"][content*="Grover"][content*="verhuurplatform"]) + body,
html a[href^="/u/grover/"],
html head:has(meta[name="description"][content*="van Store Nederland op"]) + body,
html a[href^="/u/store-nederland/"] {
color: red;
background: #FFC0C0;
}
}