[CSS] One Button Fields, Egg Labels, Typeless Field Variants
Forum Index > PokéFarm > Guides >
I wasn't aware of that! I personally use the Stylus extension for everything.
winterbraid | they/them | usually most active around daily reset
one button fields and other CSS (last updated: 11 May 2024)
typerace: ghost | score: 14551 | next: dark
avatar by fubukit (Cubbychoo)
Makes sense! That’s probably a lot more flexible and kind.
★ Zachary ★ They/He ★ 22 ★
Quiet nature collector.oh yeah I was using the site skin, so that's probably why. makes sense, as the error was this:
QUOTE
Message: CSS style error: unknown value type: Array: failed at `filter:`
Re: Egg Labels (missing entries)
I noticed there are some missing eggs after Deinglitch so I thought I might help out by posting them here? <3
And of course after MCW will be another variant to be added to the code :3
Missing Egg Entries
#egglist > div:has(img[src*='img/pkmn/e/t/7/6.png'])::before, div.egg[style*='img/pkmn/e/t/7/6.png']::before, #shelterarea > .pokemon[data-stage='egg']:has(img[src*='img/pkmn/e/t/7/6.png'])::after, #dcegglist > li > img[src*='img/pkmn/e/t/7/6.png'] + div::after {content: "Basket Happiny";}
#egglist > div:has(img[src*='img/pkmn/z/y/s/m.png'])::before, div.egg[style*='img/pkmn/z/y/s/m.png']::before, #shelterarea > .pokemon[data-stage='egg']:has(img[src*='img/pkmn/z/y/s/m.png'])::after, #dcegglist > li > img[src*='img/pkmn/z/y/s/m.png'] + div::after {content: "Perroc";}
Current Hunt: Lunatone
Chain Length: 2361 — Shiny Total: 38 — Melans: 0/1
All UFT pokemon can be found in my fields. No trade PMs please.
Hi there, is there any way to patch the one-button fields code so that it doesn't show up when looking at my own fields? (as in the private view where I can move my mons around etc)
I'm using the code in the QoL box on DDG mobile
☆ trade shop ☆
summon rerolls
charms
s/a/m/d
and more! |
☆ art shop ☆
pixel art
banners
signs
and more! |
she/her
avatar and signature art by me
QUOTE originally posted by Winterbraid
-snip-
Special Plates
In addition, a new script has been added! This is a pretty simple script that adds colorful backgrounds to make special Pokemon (and starters) stand out a bit more in party and summary pages. Special PlatesPreview
- ♡Stuff♡
- ♡Credits♡
6030
*-7hrs Server*
*Collecting Rusted Sw&Sh ~ Avatar Art from [OPEN] wall market, for my use only.
~ Flying TR Scorecard: Skypony
@Retsky
Yeah sorry about that, the special plates have been broken since the showcase was added! I do want to try to fix them at some point, but I can't really say when since they were just a minor tweak I added on a whim and wasn't really plan to work more on, plus I haven't really been able to focus on CSS for a while!
QUOTE originally posted by Retsky
QUOTE originally posted by Winterbraid
-snip-
Special Plates
In addition, a new script has been added! This is a pretty simple script that adds colorful backgrounds to make special Pokemon (and starters) stand out a bit more in party and summary pages. Special PlatesPreview
Noah | he/they | AuDHD
: 8558 pts!
Journal (F2U codes)
credits
credits
Code @RAINB0W
Forum Icon F2U @MellowKun on Deviantart
Divider F2U @hedgehominoid on Deviantart
Signature Pagedoll F2U @SquishDemon on Deviantart
Shop logo commissionned from Lilieth for my shop
I collect fairy Deltas!
^ My Trade Shop! ^QUOTE originally posted by Winterbraid
@Retsky
Yeah sorry about that, the special plates have been broken since the showcase was added! I do want to try to fix them at some point, but I can't really say when since they were just a minor tweak I added on a whim and wasn't really plan to work more on, plus I haven't really been able to focus on CSS for a while!
(@ Winterbraid I hope it's okay to jump in) I love the Special Plates a lot so after the Showcase was added, I tried to adjust the code... I've only used this on Firefox desktop so I'm not sure how efficient this is, but it should do the trick at least for now @Retsky ? It doesn't change the appearance of the Pokémon on the display though ^^'
I apply it through QoL if that matters
.party [data-pid] .name,
.party [data-pid] .taste,
.party [data-pid] .extra,
#summarypage [data-pid] .name,
#summarypage [data-pid] .taste,
#summarypage [data-pid] .extra {
position: relative;
}
.party [data-pid] .name,
#summarypage [data-pid] .name {
display: block;
position: relative;
}
.party [data-pid]::before,
#summarypage [data-pid]::before {
opacity: 0.2;
display: block;
position: absolute;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
z-index: 0;
background-image:
linear-gradient(100deg, transparent 90%, red 90%),
linear-gradient(100deg, transparent 82%, red 82%, red 88%, transparent 88%),
linear-gradient(100deg, transparent 76%, red 76%, red 80%, transparent 80%),
linear-gradient(100deg, transparent 72%, red 72%, red 74%, transparent 74%),
linear-gradient(100deg, transparent 69%, red 69%, red 70%, transparent 70%);
}
.party [data-pid]:has(img[title='[ALBINO]'])::before,
#summarypage [data-pid]:has(img[title='[ALBINO]'])::before {
content: '';
filter: saturate(50%) brightness(400%);
}
.party [data-pid]:has(img[title='[SHINY]'])::before,
#summarypage [data-pid]:has(img[title='[SHINY]'])::before {
content: '';
filter: hue-rotate(60deg) brightness(333%);
}
.party [data-pid]:has(img[title='[MELANISTIC]'])::before,
#summarypage [data-pid]:has(img[title='[MELANISTIC]'])::before {
content: '';
filter: hue-rotate(270deg) brightness(70%);
}
.party [data-pid]:has(img[title='[STARTER]'])::before,
#summarypage [data-pid]:has(img[title='[STARTER]'])::before {
content: '';
filter: hue-rotate(120deg) saturate(50%) brightness(150%);
}
.qolPartyHideAll #partybox [data-pid]::before {
display: none;
}
Cannot post: Please log in to post