so as an example "This item can be found in these locations: Steamworks Menagerie" - this is what it shows normally and "This item can be found in these locations: Steamworks Menagerie (2022)" - this is what is shows with the CustomCSS
Code is inside the spoilers separate by shop with exception of lounge & menagrie since they both are done with the same selectors.
New Years shop
/* Year Display on shop search: New years /
[data-itemid] ~ .alert [href="newyears"]:after {
content: " (Pre2010)";
}
[data-itemid^="137"] ~ .alert [href*="newyears"]:after {
content: " (2010)";
}
[data-itemid^="144"] ~ .alert [href*="newyears"]:after {
content: " (2011)";
}
[data-itemid^="149"] ~ .alert [href*="newyears"]:after,
[data-itemid^="150"] ~ .alert [href*="newyears"]:after {
content: " (2012)";
}
[data-itemid^="158"] ~ .alert [href*="newyears"]:after,
[data-itemid^="159"] ~ .alert [href*="newyears"]:after {
content: " (2013)";
}
[data-itemid^="168"] ~ .alert [href*="newyears"]:after {
content: " (2014)";
}
[data-itemid^="177"] ~ .alert [href*="newyears"]:after {
content: " (2015)";
}
[data-itemid^="186"] ~ .alert [href*="newyears"]:after {
content: " (2016)";
}
[data-itemid^="193"] ~ .alert [href*="newyears"]:after,
[data-itemid^="194"] ~ .alert [href*="newyears"]:after {
content: " (2017)";
}
[data-itemid^="203"] ~ .alert [href*="newyears"]:after {
content: " (2018)";
}
[data-itemid^="2116"] ~ .alert [href*="newyears"]:after {
content: " (2019)";
}
[data-itemid^="2198"] ~ .alert [href*="newyears"]:after {
content: " (2020)";
}
[data-itemid^="2266"] ~ .alert [href*="newyears"]:after {
content: " (2021)";
}
[data-itemid^="2401"] ~ .alert [href*="newyears"]:after {
content: " (2022)";
}
[data-itemid^="250"] ~ .alert [href*="newyears"]:after,
[data-itemid="239705"] ~ .alert [href*="newyears"]:after {
content: " (2023)";
}
[data-itemid^="258"] ~ .alert [href*="newyears"]:after {
content: " (2024)";
}
[data-itemid^="265"] ~ .alert [href*="newyears"]:after {
content: " (2025)";
}
[data-itemid^="2714"] ~ .alert [href*="newyears"]:after {
content: " (2026)";
}
/* Ending of shop display: New Years */
Zombie Den
/* Year Display on shop search: Zombie Den /
[data-itemid] ~ .alert [href="den.php"]:after {
content: " (2009)";
}
[data-itemid^="132336"] ~ .alert [href*="den.php"]:after,
[data-itemid^="132338"] ~ .alert [href*="den.php"]:after,
[data-itemid^="132340"] ~ .alert [href*="den.php"]:after,
[data-itemid^="132341"] ~ .alert [href*="den.php"]:after,
[data-itemid^="132371"] ~ .alert [href*="den.php"]:after,
[data-itemid^="132372"] ~ .alert [href*="den.php"]:after,
[data-itemid^="132379"] ~ .alert [href*="den.php"]:after,
[data-itemid^="132390"] ~ .alert [href*="den.php"]:after,
[data-itemid^="136728"] ~ .alert [href*="den.php"]:after,
[data-itemid^="1381"] ~ .alert [href*="den.php"]:after,
[data-itemid^="1382"] ~ .alert [href*="den.php"]:after,
[data-itemid^="1383"] ~ .alert [href*="den.php"]:after,
[data-itemid^="1384"] ~ .alert [href*="den.php"]:after {
content: " (2010)";
}
[data-itemid^="144"] ~ .alert [href*="den.php"]:after {
content: " (2011)";
}
[data-itemid^="150"] ~ .alert [href*="den.php"]:after,
[data-itemid^="151"] ~ .alert [href*="den.php"]:after {
content: " (2012)";
}
[data-itemid^="159"] ~ .alert [href*="den.php"]:after,
[data-itemid^="160"] ~ .alert [href*="den.php"]:after {
content: " (2013)";
}
[data-itemid^="169"] ~ .alert [href*="den.php"]:after {
content: " (2014)";
}
[data-itemid^="178"] ~ .alert [href*="den.php"]:after {
content: " (2015)";
}
[data-itemid^="187"] ~ .alert [href*="den.php"]:after {
content: " (2016)";
}
[data-itemid^="194"] ~ .alert [href*="den.php"]:after {
content: " (2017)";
}
[data-itemid^="204"] ~ .alert [href*="den.php"]:after {
content: " (2018)";
}
[data-itemid^="212"] ~ .alert [href*="den.php"]:after {
content: " (2019)";
}
[data-itemid^="220"] ~ .alert [href*="den.php"]:after {
content: " (2020)";
}
[data-itemid^="228"] ~ .alert [href*="den.php"]:after,
[data-itemid^="229"] ~ .alert [href*="den.php"]:after {
content: " (2021)";
}
[data-itemid^="241"] ~ .alert [href*="den.php"]:after {
content: " (2022)";
}
[data-itemid^="251"] ~ .alert [href*="den.php"]:after {
content: " (2023)";
}
[data-itemid^="259"] ~ .alert [href*="den.php"]:after {
content: " (2024)";
}
[data-itemid^="266"] ~ .alert [href*="den.php"]:after {
content: " (2025)";
}
/* Ending of shop display: Zombie Den */
Louis L'Amour
/* Year Display on shop search: Louis L'Amour /
[data-itemid="132408"] ~ .alert [href="louis"]:after, [data-itemid="2962"] ~ .alert [href*="louis"]:after, [data-itemid="6478"] ~ .alert [href*="louis"]:after {
content: " (2009)";
}
[data-itemid^="152025"] ~ .alert [href*="louis"]:after {
content: " (2012)";
}
[data-itemid^="160"] ~ .alert [href*="louis"]:after {
content: " (2013)";
}
[data-itemid^="169"] ~ .alert [href*="louis"]:after {
content: " (2014)";
}
[data-itemid^="178"] ~ .alert [href*="louis"]:after {
content: " (2015)";
}
[data-itemid^="187"] ~ .alert [href*="louis"]:after {
content: " (2016)";
}
[data-itemid^="194"] ~ .alert [href*="louis"]:after {
content: " (2017)";
}
[data-itemid^="204"] ~ .alert [href*="louis"]:after {
content: " (2018)";
}
[data-itemid^="212"] ~ .alert [href*="louis"]:after {
content: " (2019)";
}
[data-itemid^="220"] ~ .alert [href*="louis"]:after {
content: " (2020)";
}
[data-itemid^="228"] ~ .alert [href*="louis"]:after {
content: " (2021)";
}
[data-itemid^="241"] ~ .alert [href*="louis"]:after {
content: " (2022)";
}
[data-itemid^="251"] ~ .alert [href*="louis"]:after {
content: " (2023)";
}
[data-itemid^="259"] ~ .alert [href*="louis"]:after {
content: " (2024)";
}
[data-itemid^="266"] ~ .alert [href*="louis"]:after {
content: " (2025)";
}
/* Ending of shop display: Louis L'Amour */
Esther's Shop (Vesnali)
/* Year Display on shop search: Esther's shop /
[data-itemid] ~ .alert [href="esther"]:after {
content: " (2009)";
}
[data-itemid^="13587"] ~ .alert [href*="esther"]:after,
[data-itemid^="133321"] ~ .alert [href*="esther"]:after,
[data-itemid^="139"] ~ .alert [href*="esther"]:after {
content: " (2010)";
}
[data-itemid^="145"] ~ .alert [href*="esther"]:after,
[data-itemid^="146"] ~ .alert [href*="esther"]:after {
content: " (2011)";
}
[data-itemid^="153"] ~ .alert [href*="esther"]:after {
content: " (2012)";
}
[data-itemid^="161"] ~ .alert [href*="esther"]:after,
[data-itemid^="162"] ~ .alert [href*="esther"]:after {
content: " (2013)";
}
[data-itemid^="171"] ~ .alert [href*="esther"]:after {
content: " (2014)";
}
[data-itemid^="179"] ~ .alert [href*="esther"]:after,
[data-itemid^="180"] ~ .alert [href*="esther"]:after {
content: " (2015)";
}
[data-itemid^="188"] ~ .alert [href*="esther"]:after,
[data-itemid^="189"] ~ .alert [href*="esther"]:after {
content: " (2016)";
}
[data-itemid^="197"] ~ .alert [href*="esther"]:after {
content: " (2017)";
}
[data-itemid^="206"] ~ .alert [href*="esther"]:after {
content: " (2018)";
}
[data-itemid^="214"] ~ .alert [href*="esther"]:after,
[data-itemid^="215"] ~ .alert [href*="esther"]:after,
[data-itemid^="146167"] ~ .alert [href*="esther"]:after {
content: " (2019)";
}
[data-itemid^="222"] ~ .alert [href*="esther"]:after {
content: " (2020)";
}
[data-itemid^="231"] ~ .alert [href*="esther"]:after {
content: " (2021)";
}
[data-itemid^="243"] ~ .alert [href*="esther"]:after {
content: " (2022)";
}
[data-itemid^="252"] ~ .alert [href*="esther"]:after {
content: " (2023)";
}
[data-itemid^="260"] ~ .alert [href*="esther"]:after {
content: " (2024)";
}
[data-itemid^="267"] ~ .alert [href*="esther"]:after {
content: " (2025)";
}
/* Ending of shop display: Esther's shop */
Libertine Lounge & Steamworks Menagerie
/* Year Display on shop search: Masquerade shops /
[data-itemid^="132"] ~ .alert [href="masquerade"]:after {
content: " (2009)";
}
[data-itemid^="13264"] ~ .alert [href*="masquerade"]:after,
[data-itemid^="132660"] ~ .alert [href*="masquerade"]:after,
[data-itemid^="132632"] ~ .alert [href*="masquerade"]:after,
[data-itemid^="132638"] ~ .alert [href*="masquerade"]:after,
[data-itemid^="132639"] ~ .alert [href*="masquerade"]:after,
[data-itemid^="132650"] ~ .alert [href*="masquerade"]:after,
[data-itemid^="132651"] ~ .alert [href*="masquerade"]:after,
[data-itemid^="132652"] ~ .alert [href*="masquerade"]:after,
[data-itemid^="132798"] ~ .alert [href*="masquerade"]:after,
[data-itemid^="132799"] ~ .alert [href*="masquerade"]:after,
[data-itemid^="138"] ~ .alert [href*="masquerade"]:after,
[data-itemid^="139"] ~ .alert [href*="masquerade"]:after {
content: " (2010)";
}
[data-itemid^="145"] ~ .alert [href*="masquerade"]:after {
content: " (2011)";
}
[data-itemid^="152"] ~ .alert [href*="masquerade"]:after {
content: " (2012)";
}
[data-itemid^="160"] ~ .alert [href*="masquerade"]:after,
[data-itemid^="161"] ~ .alert [href*="masquerade"]:after {
content: " (2013)";
}
[data-itemid^="170"] ~ .alert [href*="masquerade"]:after,
[data-itemid^="171"] ~ .alert [href*="masquerade"]:after {
content: " (2014)";
}
[data-itemid^="179"] ~ .alert [href*="masquerade"]:after {
content: " (2015)";
}
[data-itemid^="188"] ~ .alert [href*="masquerade"]:after {
content: " (2016)";
}
[data-itemid^="195"] ~ .alert [href*="masquerade"]:after,
[data-itemid^="196"] ~ .alert [href*="masquerade"]:after {
content: " (2017)";
}
[data-itemid^="205"] ~ .alert [href*="masquerade"]:after {
content: " (2018)";
}
[data-itemid^="213"] ~ .alert [href*="masquerade"]:after {
content: " (2019)";
}
[data-itemid^="221"] ~ .alert [href*="masquerade"]:after,
[data-itemid^="222"] ~ .alert [href*="masquerade"]:after {
content: " (2020)";
}
[data-itemid^="230"] ~ .alert [href*="masquerade"]:after {
content: " (2021)";
}
[data-itemid^="245"] ~ .alert [href*="masquerade"]:after {
content: " (2022)";
}
[data-itemid^="253"] ~ .alert [href*="masquerade"]:after {
content: " (2023)";
}
[data-itemid^="260"] ~ .alert [href*="masquerade"]:after,
[data-itemid^="261"] ~ .alert [href*="masquerade"]:after {
content: " (2024)";
}
[data-itemid^="268"] ~ .alert [href*="masquerade"]:after {
content: " (2025)";
}
/* Ending of shop display: Masquerade shops */
Did an item show an incorrect year let me know.
Edits
Changed the order the shop spoilers appear to be chorological order that they happen in a year added new year 2023 selector
[data-itemid^="250"] ~ .alert [href*="newyears"]:after { content: " (2023)"; }added start and end labels for each block
added to the code for survival shops
[data-itemid^="251"] ~ .alert [href*="den.php"]:after { content: " (2023)"; }
[data-itemid^="251"] ~ .alert [href*="louis"]:after { content: " (2023)"; }
added to the code for Vesnali shop
[data-itemid^="252"] ~ .alert [href*="esther"]:after { content: " (2023)"; }
Corrected selector of Esther's 2010 section
/From this/ [data-itemid^="133321"] ~ .alert [href*="esther."]:after, /To this/ [data-itemid^="133321"] ~ .alert [href*="esther"]:after,
Added selector for Esther's shop 2019
,[data-itemid^="146167"] ~ .alert [href*="esther"]:after
added to the code for Masquerade shop
[data-itemid^="253"] ~ .alert [href*="masquerade"]:after { content: " (2023)"; }
added code for year 2024 in new years shop
[data-itemid^="258"] ~ .alert [href*="newyears"]:after { content: " (2024)"; }
Added code for 2024 in Survival Shops
[data-itemid^="259"] ~ .alert [href*="den.php"]:after { content: " (2024)"; }
[data-itemid^="259"] ~ .alert [href*="louis"]:after { content: " (2024)"; }
Edited 2009 selector of L'amour Parlor to show the two old items added in, though replace the whole selector with the new one
/From this/ [data-itemid^="132408"] ~ .alert [href*="esther"]:after /To this/ [data-itemid="132408"] ~ .alert [href*="louis"]:after, [data-itemid="2962"] ~ .alert [href*="louis"]:after, [data-itemid="6478"] ~ .alert [href*="louis"]:after
Corrected selector for 2010 masquerade shops, (edited first selector and added a new selector)
/From this/ [data-itemid^="13264"]:not([data-itemid="132643"]) ~ .alert [href*="/masquerade"]:after, /To this/ [data-itemid^="13264"] ~ .alert [href*="masquerade"]:after, [data-itemid^="132660"] ~ .alert [href*="masquerade"]:after,
added code for year 2024 in Esther's shop
[data-itemid^="260"] ~ .alert [href*="esther"]:after { content: " (2024)"; }
added code for year 2024 in Masquerade Shops
[data-itemid^="260"] ~ .alert [href*="masquerade"]:after, [data-itemid^="261"] ~ .alert [href*="masquerade"]:after { content: " (2024)"; }
added code for year 2025 in New Years Shop
[data-itemid^="265"] ~ .alert [href*="newyears"]:after { content: " (2025)"; }
added code for year 2025 in survival shops
[data-itemid^="266"] ~ .alert [href*="den.php"]:after { content: " (2025)"; }
[data-itemid^="266"] ~ .alert [href*="louis"]:after { content: " (2025)"; }
added code for year 2025 in Esther's shop
[data-itemid^="267"] ~ .alert [href*="esther"]:after { content: " (2025)"; }
added new selector to 2023 section of the new years shop code an item showed pre2010 instead of 2023
/From this/ [data-itemid^="250"] ~ .alert [href*="newyears"]:after /To this/ [data-itemid^="250"] ~ .alert [href*="newyears"]:after, [data-itemid="239705"] ~ .alert [href*="newyears"]:after
added to the code for Masquerade shops 2025
[data-itemid^="268"] ~ .alert [href*="masquerade"]:after { content: " (2025)"; }
added to the code for New Years Shop 2026
[data-itemid^="2714"] ~ .alert [href*="newyears"]:after { content: " (2026)"; }
added to the code for Survival Shops 2026
[data-itemid^="271"] ~ .alert [href*="den.php"]:after { content: " (2026)"; }
[data-itemid^="27"] ~ .alert [href*="louis"]:after { content: " (2026)"; }
updated the code for survival shops
OMG Thank you so much!!!! This will make doing those pesky Quentin quests so much easier.
So far I've only added libertine and steamworks, but will probably add in the others once I start my luminaire shopping.
In loving memory of Need posting achievements?Then join Posting Frenzy Achievement Items - searchable list List of Borders and cutouts New at Fresh and Flavorful Ping Group
Absolutely marvelous and ever so helpful. Thank you for taking the time to do this! ❤️❤️❤️
Can you please tell me how can I use this? I'm not familiar with codung stuff, thanks in advance for pulling this up, I want to try it.
Personal->dashboard Choose CustomCSS tab Choose a shop to add, copy the entire content in the blue box and paste it into the customCSS box. Continue adding shops until you've gotten all the ones you want, then click the Update CustomCSS button.
Now in front of each snippet of code I add this line: /adding year to tab shops - steamworks and Libertine/
This coding does not do anything, its just a title to let me know what the code snippet does. If years down the line, Subeta actually fixes up the search page, you'll want to go to your customCSS and remove this coding, so it will be good to know what code to remove. Believe me, once you start adding CustomCSS, you'll keep doing it because there is a lot of very helpful code out there!
In loving memory of Need posting achievements?Then join Posting Frenzy Achievement Items - searchable list List of Borders and cutouts New at Fresh and Flavorful Ping Group
Oh, thank you, it was so easy, I though I was more complicated (granted, the code has been served)
I tried it out and yes, it show "libertine lounge year xxxx" when searching in the shop bar, very useful
Yep! Subeta makes it very easy for us :D.
That said, I've tried to write my own code from time to time and that's much harder, I've only successfully done very, very simple things. I have mad respect for people who can do more complicated things like this shop search fix.
In loving memory of Need posting achievements?Then join Posting Frenzy Achievement Items - searchable list List of Borders and cutouts New at Fresh and Flavorful Ping Group
oh this absolutely RULES, thank you SO MUCH for coding this!!!
banner by this is SO helpful! thank you so much for sharing!!!
Aw man this is the best code ever. This is gonna make mass-buying and Quentin questing so much easier! Thank you!
thank you for this!!! this is gonna be so helpful omg
This is, without a doubt, my favourite piece of customCSS coding EVER. 😭 Thank you SO SO MUCH, the quality of life aspect is insane - I am utterly obsessed! THANK YOU!
Thank you so much for this!! What a nice short cut... no more having to look stuff up on SubetaLodge to see what year it's from. Yay!!
Pinging a few friends who might appreciate this as well.
This is seriously the BEST THING EVER!! ;-; Thank you so much for coding it! (I'm usually too lazy to check Subetalodge while doing Quentin so I just buy the stuff with sP. Now it's gonna be much easier!)
- Check this out!
This is going to be an absolute life changer! Thank you so much!!

omg thank you!!!
forum art by rat_boy [tot=prismatic_enchant]
wonderful quality of life update, and i wont need to tab out anymore aaaa thank you so much!!