Custom layout for an official PathOfExile trade site (bulk trade section a.k.a. "exchange")
FORK
PoE - custom bulk (fork) by Sheodar
Details
AuthorSheodar
LicenseNo License
Categoryuserstyles
Created
Updated
Size131 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
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 PoE - custom layout (bulk trade)
@version 1.10.0
@description Custom layout for an official PathOfExile trade site (bulk trade section a.k.a. "exchange")
@author regularPoEplayer
@homepageURL https://github.com/regPoEp/PoEtools
@namespace PathOfExile/regularPoEplayer
@preprocessor stylus
@var checkbox poe-custom-option-modify-currency "Modify Currency" 1
@var checkbox poe-custom-option-modify-fragment "Modify Fragments & Scarabs" 1
@var checkbox poe-custom-option-modify-search "Modify Search results" 1
@var checkbox poe-custom-option-group-map "Reorder and group map-like items" 1
@var checkbox poe-custom-option-pin-search "Pin search to the bottom" 1
@var checkbox poe-custom-option-show-icons "Show category icons" 1
@var checkbox poe-custom-option-hide-legacy "Hide legacy items" 1
@var checkbox poe-custom-option-hide-fragment-sets "Hide fragment sets" 1
@var checkbox poe-custom-option-hide-low-tier-maps "Hide <T14 Maps" 0
@var checkbox poe-custom-option-double-cards-width "Double the width (Cards, Unique Maps)" 1
@var checkbox poe-custom-option-cards_maps-font_background "Change font/background for text items" 1
==/UserStyle== */
@-moz-document url-prefix("https://www.pathofexile.com/trade/exchange/") {
/*@*/
/*
Table of contents:
Options
Misc
Horizontal lists
Search panel
Search results
Category icons
Text items
Reorder and group map-like items
Catch new items
"Currency" section
"Exotic Currency" section
"Fragments & Sets" section
"Scarabs" section
"Resonators" section
"Fossils" section
"Essences" section
"Beasts" section
"Maps" section
"Conqueror & Elder Maps" section
"Legacy Items" section
*/
:root {
/* firm values */
--poe-web-layout-absolute-max-width: 1530px;
--poe-web-layout-absolute-horizontal-padding: 10px;
--poe-web-background-color: black;
--poe-custom-background-color: var(--poe-web-background-color);
--poe-custom-filter-title-color: rgb(255, 248, 225);
--poe-custom-filter-title-background-color: rgba(45, 49, 54, 0.3);
--poe-custom-filter-title-border-color: rgb(99, 73, 40);
--poe-custom-item-text-color: rgb(163, 141, 109);
--poe-custom-item-text-background-color: rgba(0, 0, 0, 0.5);
--poe-custom-item-text-border-color: rgb(30, 33, 36);
--poe-custom-item-text-font-family: FontinSmallcaps, sans-serif;
--poe-custom-item-color-search-highlighted: #abab5a;
--poe-custom-button-background-color-grey: #1e2124;
--poe-web-filter-title-height: 30px;
--poe-web-filter-title-bottom-margin: 3px;
--poe-web-filter-title-text-horizontal-padding: 12px;
--poe-web-filter-title-text-vertical-padding: 6px;
--poe-web-text-item-height: 15px;
--poe-web-text-item-padding: 3px;
--poe-web-split-border-bottom: 1px solid #465260;
--poe-web-split-margin: 3px 20px;
--poe-web-split-padding: 3px;
--poe-web-multiselect-short-width: 131px;
--poe-web-multiselect-long-width: 271px;
--poe-custom-filter-name-color: #a79070;
--poe-custom-filter-modified-color: #203110;
--poe-web-multiselect-mouseover-color: #465260;
--poe-web-multiselect-selected-color: #2d3136;
--poe-web-multiselect-background-color: #1e2124;
--poe-web-filter-heigh: 30px;
--poe-web-status-heigh: 34px;
--poe-web-filter-bottom-margin: 3px;
--poe-web-filter-vertical-size: calc(var(--poe-web-filter-heigh) + var(--poe-web-filter-bottom-margin));
--poe-web-filter-horizontal-separator-width: 3px;
--poe-game-color-rarity-normal: #c8c8c8;
--poe-game-color-rarity-magic: #8888ff;
--poe-game-color-rarity-rare: #ffff77;
--poe-game-color-rarity-unique: #af6025;
--poe-game-color-rarity-relic: #82ad6a;
--poe-game-color-gem: #1ba29b;
--poe-game-color-prophecy: #b54bff;
--poe-game-color-scourge: #ff6e25;
--poe-game-color-corrupted: rgb(210, 0, 0);
--poe-game-color-mirrored: rgb(136, 136, 255);
--poe-game-color-split: rgb(136, 136, 255);
--poe-game-color-crafted: rgb(180, 180, 255);
--poe-game-color-veiled: rgb(136, 142, 147);
/* custom values */
--poe-custom-filter-group-name-color: #cec59f;
--poe-custom-item-text-font-family-enhanced: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
--poe-custom-item-color-dimmed: Grey;
--poe-web-image-size: 32px;
--poe-custom-image-size-double: calc(2 * var(--poe-web-image-size));
--poe-web-item-size: calc(var(--poe-web-image-size) + 8px);
--poe-custom-item-size-double: calc(var(--poe-web-item-size) + var(--poe-web-image-size));
--poe-web-item-margin: 2px;
--poe-web-item-distance: calc(var(--poe-web-item-size) + 2 * var(--poe-web-item-margin));
--poe-custom-item-distance: calc(var(--poe-web-item-size) + var(--poe-web-item-margin));
--poe-custom-item-size-double-adjustment: calc( (2 * var(--poe-custom-item-distance) - var(--poe-custom-item-size-double) - var(--poe-web-item-margin)) / 2 );
--poe-custom-lures-indent: 0px;
--poe-custom-fragment-set-indent: 0px;
--poe-custom-is-cards-width-doubled: 0;
}
/*------------------------------
Options
------------------------------*/
/* hide legacy items */
/*@*/if poe-custom-option-hide-legacy {
:root {
--poe-custom-lures-indent: calc(1.5 * var(--poe-custom-item-distance));
}
[data-id=eternal], [data-id=infused-engineers-orb], [data-id=veiled-scarab]
, [data-id=ancient-reliquary-key], [data-id=timeworn-reliquary-key], [data-id=vaal-reliquary-key]
, [data-id=whispering-incubator], [data-id=gemcutters-incubator], [data-id=feral-incubator], [data-id=fine-incubator], [data-id=eldritch-incubator], [data-id=time-lost-incubator]
, [data-id=primitive-alchemical-resonator], [data-id=potent-alchemical-resonator], [data-id=powerful-alchemical-resonator], [data-id=prime-alchemical-resonator]
, [data-id=delirium-orb], [data-id=kalguuran-delirium-orb], [data-id=portentous-delirium-orb], [data-id=primal-delirium-orb]
, [data-id=farric-lure], [data-id=saqawine-lure], [data-id=fenumal-lure], [data-id=craicic-lure]
, [data-id=prime-regrading-lens], [data-id=secondary-regrading-lens], [data-id=tainted-blessing], [data-id=enchanted-incubator], [data-id=challenging-delirium-orb], [data-id=challenging-incubator], [data-id=the-tower-of-ordeals]
[data-id=the-basilisk], [data-id=boulderback], [data-id=tunnelworm], [data-id=the-great-white-bones], [data-id=brinecrack], [data-id=hollowskull-the-willing-host], [data-id=raihara-tukohamas-loyal], [data-id=steelchaw], [data-id=eyepecker], [data-id=the-hundred-foot-shadow], [data-id=paradisae-venenum], [data-id=the-conqueror-wurm], [data-id=thistlesage], [data-id=quru], [data-id=aidan-the-frenzied], [data-id=nadia-the-soothing], [data-id=the-weaver], [data-id=black-death], [data-id=the-great-white-beast], [data-id=ambrosia-daughter-of-merveil], [data-id=amarissa-daughter-of-merveil], [data-id=the-faun], [data-id=brood-princess], [data-id=the-burning-menace], [data-id=ungulath], [data-id=the-dweller-of-the-deep], [data-id=oozeback-bloom]
, .filter-group:first-child > .filter-group-body > .filter:nth-child(21)
{
display: none !important;
}
/*@*/}
[data-id=gold] {
display: none !important;
}
/* hide fragment sets */
/*@*/if poe-custom-option-hide-fragment-sets {
:root {
--poe-custom-fragment-set-indent: calc(0.5 * var(--poe-custom-item-distance));
}
[data-id=sacrifice-set], [data-id=mortal-set], [data-id=crest-of-the-elderslayers], [data-id=shaper-set], [data-id=key-to-decay], [data-id=maddening-object] {
display: none !important;
}
/*@*/}
/* configure variables related to doubling the width of the "Cards" and "Prophecies" sections */
/*@*/if poe-custom-option-double-cards-width {
:root {
--poe-custom-is-cards-width-doubled: 1;
}
/*@*/}
/* configure variables related to changing color/font */
/*@*/if poe-custom-option-cards_maps-font_background {
:root {
--poe-custom-item-text-color: #b1a38e;
--poe-custom-item-text-background-color: #111;
--poe-custom-item-text-border-color: var(--poe-custom-item-text-background-color);
--poe-custom-item-text-font-family: var(--poe-custom-item-text-font-family-enhanced);
}
/*@*/}
/* fixing overlapping of sections with doubled width */
.search-advanced-pane:nth-child(1) > .filter-group:first-child > .filter-group-body > .filter:nth-child(16) {
z-index: var(--poe-custom-is-cards-width-doubled) !important;
}
@media (min-width: 1200px) {
/* double the width of containers */
.search-advanced-pane:nth-child(1) > .filter-group:first-child > .filter-group-body > :is(
.filter:nth-child(16),
.filter:nth-child(20)
) > .filter-options {
/*--padding-top-row-height: calc(( var(--poe-web-filter-title-height) + var(--poe-web-filter-title-bottom-margin) ) * var(--poe-custom-is-cards-width-doubled)) !important;*/
width: calc(100% + (100% + 20px) * var(--poe-custom-is-cards-width-doubled)) !important;
}
/* double the width of the cards container */
/*.search-advanced-pane:nth-child(1) > .filter-group:first-child > .filter-group-body > .filter:nth-child(16) > .filter-options {
padding-top: calc(4 * var(--padding-top-row-height)) !important;
}*/
.search-advanced-pane:nth-child(1) > .filter-group:first-child > .filter-group-body > .filter:nth-child(16) > .filter-title:has(+.filter-options) {
padding-bottom: calc( var(--poe-web-filter-title-text-vertical-padding) + 4 * calc(( var(--poe-web-filter-title-height) + var(--poe-web-filter-title-bottom-margin) ) * var(--poe-custom-is-cards-width-doubled)) ) !important;
}
}
/*------------------------------
Misc
------------------------------*/
/* re-order sections
.filter-group:first-child > .filter-group-body {
display: flex !important;
flex-wrap: nowrap !important;
flex-direction: column !important;
}*/
.filter-group:first-c...