Loading...

Top
PFQ Banner

This is PokéFarm Q, a free online Pokémon collectables game.

Already a user? New to PFQ?

Single post in 🐇 A Quirky Infodump

Forum Index > PokéFarm > Journals > Staff > 🐇 A Quirky Infodump >

QuirkyRabbit's AvatarQuirkyRabbit
QuirkyRabbit's Avatar

Code Storage Zone

CSS - QoL Extra CSS

Code

#profilelinks {display: none} #announcements>ul {justify-content:center} #announcements>ul>li.spacer {display:none} #fieldjumpnav {width: 98vw; margin-left: calc(-49vw + 320px)} .qolPartyCustomParty>ul>li{max-width:1.90vw !important; overflow: hidden;}} #header>#head-middle>ul>li>a>img{height:22px} #field_nav button[data-action=jump] {max-height: 1.5em;} .mq2 #partypage { display: grid; grid-template-areas: 'p' 't' 'v' } .mq3 .party, .mq3 #partypage #partybox #profilelinks, .mq3 #rankreward {width: 320px;} .mq4 #partypage { display: grid; grid-template-areas: 't p' 'v v'; grid-template-columns: minmax(300px,max-content) 1fr; grid-gap: 12px; } .mq4 #partybox {grid-area: p} .mq4 #friendsbox { grid-area: f; grid-column-start: 1; } .mq4 #tasklistbox {grid-area: t;} .mq4 #partypage #tasklistbox {max-width: 300px;} .mq4 #partybox, .mq4 #friendsbox, .mq4 #tasklistbox { margin-left: initial !important; margin-right: initial !important; padding-left: initial !important; padding-right: initial !important; } .mq4 #partypage #tasklistbox #tasklist > li {width: 100%;} .publicfoundme, .privatefoundme, .shelterfoundme, .daycarefoundme, .labfoundme { -webkit-filter: drop-shadow(0px 0px 4px white) drop-shadow(0px 0px 5px white) drop-shadow(0px 0px 6px #00FFCC); box-shadow: none; border-radius: 0; background-color:transparent; } #partybox > .party.wide [data-pid]::before, #summarypage > .party.wide [data-pid]::before, #tradeview [data-pid]::before { top: 0; right: 0; bottom: 0; left: 0; position: absolute; border-radius: 5px; content: ''; pointer-events: none; background-size: cover; background-position: center center; } #partybox > .party.wide [data-pid]:has(img[title='[SHINY]'])::before, #summarypage > .party.wide [data-pid]:has(img[title='[SHINY]'])::before, #tradeview [data-pid]:has(img[title='[SHINY]'])::before {background-image:linear-gradient(100deg, transparent 20%, #F8D05060 100%);} #partybox > .party.wide [data-pid]:has(img[title='[ALBINO]'])::before, #summarypage > .party.wide [data-pid]:has(img[title='[ALBINO]'])::before, #tradeview [data-pid]:has(img[title='[ALBINO]'])::before {background-image:linear-gradient(100deg, transparent 20%, #F8B6A260 100%);} #partybox > .party.wide [data-pid]:has(img[title='[MELANISTIC]'])::before, #summarypage > .party.wide [data-pid]:has(img[title='[MELANISTIC]'])::before, #tradeview [data-pid]:has(img[title='[MELANISTIC]'])::before {background-image:linear-gradient(100deg, transparent 20%, #66ff6660 100%);} .qolPartyCustomParty [data-pid]::before {display:none}
#profilelinks {display: none} #announcements>ul>li>a.borderless {display:none} #announcements {font-family: PT Sans Narrow} #header~#headertoggler {font-size: 24pt; height: 55px; padding-top:10px} #header~#headertoggler:before {display:none} #header~#headertoggler:after {display:none} .mq2 #fieldjumpnav {width:98vw} #fieldjumpnav>li {padding:2px} .shelterfoundme, .labfoundme{min-height:120px; min-width: 120px; image-rendering: crisp-edges; image-rendering: pixelated;} #shelterfound {padding-bottom: 9em} button[data-shelter='adopt'] {font-size:3em} button[data-shelter='blackflute'] {width:250px; height:10em;} .qolpokemongrid>img{max-height:16px;} #egglist > div {display:inline-block; max-width:40vw} img[src*='characters/announce'] {content: url("https://m.archives.bulbagarden.net/media/upload/6/6d/Ani359OD.png"); width:24px !important} //.party>div>.action>.berrybuttons {display: none} .party>div>.action>.berrybuttons:not([data-up='sour'])>[data-berry='aspear'], .party>div>.action>.berrybuttons:not([data-up='spicy'])>[data-berry='cheri'], .party>div>.action>.berrybuttons:not([data-up='dry'])>[data-berry='chesto'], .party>div>.action>.berrybuttons:not([data-up='sweet'])>[data-berry='pecha'], .party>div>.action>.berrybuttons:not([data-up='bitter'])>[data-berry='rawst'] {display:none;} .party>div>.action>.berrybuttons[data-up='any']>a[data-berry] {width:60px !important} qolPartyCustomParty #partybox .party>div>.action a, .qolPartyCustomParty #partybox .party>div>.action>.berrybuttons>a, .qolPartyCustomParty #partybox .showcase .berrybuttons>a, .mu_navlink.next{ position: relative !important; top: 70px !important; height: 600px !important; width: 320px !important; } .mu_navlink.next{position: absolute !important} .qolPartyCustomParty #partybox{padding-top:0px !important} #profilepage{min-height:3000px} .qolPartyCustomParty>ul>li{color:#00000000; max-width:3.7% !important;overflow:hidden} #useronlinelist>div.body>div{pointer-events:none} #partypage>#partybox>.party>div>.action a[data-berry]{width:200px !important; height:unset !important;} #partypage>#partybox>.party{width:98vw} #partypage>#partybox>.party>div{display:inline-block; max-width:49vw; margin: 0px} #partypage>#partybox>.party>div>.name{margin-left:100px} .publicfoundme, .privatefoundme, .shelterfoundme, .daycarefoundme, .labfoundme { -webkit-filter: drop-shadow(0px 0px 6px white) drop-shadow(0px 0px 6px white) drop-shadow(0px 0px 6px #0088FF); box-shadow: none; border-radius: 0; background-color:transparent; } #supplier>.panel>div:nth-of-type(1) {display:none} #timeline > li:has(use[*|href*="svg_icon_trade"]) { display: none; } .bulkpokemonlist > ul > li > label {min-height:75px} /*One-button CSS for fields*/ #footbar::after {content: 'WARNING: This CSS file uses the : has selector, which may be disabled by default. To enable : has in Firefox, visit about: config and toggle layout.css.has-selector.enabled.';font-size: 10pt;font-family: consolas, monospace;color: black;border: 1px solid darkred;background-color: lightpink;display: block;position: fixed;width: 250px;padding: 3px 5px;margin: 5px;right: 0;bottom: 0;z-index: 999}#footbar: has(*)::after {content: none}#field_field {user-select: none}#field_berries.selected > div > a {opacity: 1}#field_berries.selected > div > a > img {opacity: 0.5;transition: opacity 0.4s linear}#field_berries.selected > div > a.selected > img {opacity: 1}[href='/user/~online']::before,#field_nav button[data-action='next']::before,#field_berries a[data-berry]::before,.fieldmon.cormyr::before {cursor: pointer;font-size: 48pt;line-height: 0;text-align: center;background-color: black;border: 3px solid black;border-radius: 16px;position: fixed;width: clamp(120px, calc(50% - 340px), 300px);height: 0;padding: clamp(60px, calc(25% - 170px), 150px) 0;bottom: 30px;right: 15px;transform-origin: 0px 0px;z-index: 999;user-select: none}.mq25: has([data-key="fieldClickCount"]:checked) body: has(#field_field[data-mode='public'])::after {content: '';display: block;height: 60vw;user-select: none}.mq25: has([data-key="fieldClickCount"]:checked) #field_field[data-mode='public'] .field::after {content: '';background-color: black;display: block;position: fixed;height: 60vw;left: 0;bottom: 0;right: 0;user-select: none}.mq25 [href='/user/~online']::before,.mq25 #field_nav button[data-action='next']::before,.mq25 #field_berries a[data-berry]::before,.mq25 .fieldmon.cormyr::before {font-size: 64pt;border: none;border-top: 3px solid black;border-radius: 0;width: auto;height: 20vw;padding: 20vw;left: 0;bottom: 0;right: 0}#core: has(#field_field[data-mode='public']): has([data-action='next'][disabled]): has([data-action='jump'][disabled]) [href='/user/~online']::before {content: none}#core: has(#field_field[data-mode='public']): has([data-action='next'][disabled]): has(.fieldmon:not(.nothungry)) [href='/user/~online']::before {content: none}button[data-action='next']:not([disabled])::before {content: '👉'}#content: has(#field_field[data-mode='private']) button[data-action='next']::before,#content: has(.fieldmon:not(.nothungry)) button[data-action='next']::before,#core: has(#field_field[data-mode='public']): has(button[data-action='next'][disabled]): has(.fieldmon:not(.nothungry)) [href='/user/~online']::before {content: none}#content: has(.fieldmon[data-flavour^='sour']:not(.nothungry)) a[data-berry='aspear']::before,#content: has(.fieldmon[data-flavour^='any']:not(.nothungry)) a[data-berry='aspear']::before,#content: has(a.selected[data-berry='aspear']) .fieldmon.cormyr:not(.nothungry)::before {content: '🍐'}#content: has(.fieldmon[data-flavour^='spicy']:not(.nothungry)) a[data-berry='cheri']::before,#content: has(a.selected[data-berry='cheri']) .fieldmon.cormyr:not(.nothungry)::before {content: '🍒'}#content: has(.fieldmon[data-flavour^='dry']:not(.nothungry)) a[data-berry='chesto']::before,#content: has(a.selected[data-berry='chesto']) .fieldmon.cormyr:not(.nothungry)::before {content: '🌰'}#content: has(.fieldmon[data-flavour^='sweet']:not(.nothungry)) a[data-berry='pecha']::before,#content: has(a.selected[data-berry='pecha']) .fieldmon.cormyr:not(.nothungry)::before {content: '🍑'}#content: has(.fieldmon[data-flavour^='bitter']:not(.nothungry)) a[data-berry='rawst']::before,#content: has(a.selected[data-berry='rawst']) .fieldmon.cormyr:not(.nothungry)::before {content: '🍓'}#content: has(.fieldmon.cormyr:not(.nothungry)) a[data-berry]::before {content: none}/* Hide with "Click counter" checkbox */label: has([data-key="fieldClickCount"]) {font-size: 0}label: has([data-key="fieldClickCount"])::after {content: ' Extra UI';font-size: 12pt}#content: has([data-key="fieldClickCount"]:not(:checked)) .fieldmon.cormyr::before,#content: has([data-key="fieldClickCount"]:not(:checked)) button[data-action='next']::before {content: none!important} /*end of One-Button*/
BBCode - Shiny Hunt (Regular)

Preview

Started 2 years ago 4060 58 0 0 S/A every 67.67 eggs

Code

Started [datetime]2021-07-08 09:00:00[/datetime] [img]https://pfq-static.com/img/pkmn/n/0/m.png[/img] [img]https://pfq-static.com/img/pkmn/u/6/t.png[/img] [img]https://pfq-static.com/img/pkmn/c/z/h.png[/img] [inventory=shinychain] [img]https://pfq-static.com/img/pkmn/egg.png[/img] [inventory=shinyshiny] [img]https://pfq-static.com/img/pkmn/shiny.png[/img] 0 [img]https://pfq-static.com/img/pkmn/albino.png[/img] 0 [img]https://pfq-static.com/img/pkmn/melanistic.png[/img] S/A every [math][inventory=shinychain]/([inventory=shinyshiny]+0)[/math] eggs
BBCode - Shiny Hunt (Type Race)

Preview

Temporary hunt for Type Race
Team: Score: 0
4060 58 0 0

Code

Temporary hunt for Type Race [progress="[inventory=typerace]/1500"]Team: [img]https://cdn2.bulbagarden.net/upload/4/48/GhostIC.gif[/img] Score: [inventory=typerace][/progress][ ][img]https://pokefarm.wiki/images/0/0f/Shiny_Dreepy.png[/img] [img]https://pokefarm.wiki/images/1/15/Albino_Dreepy.png[/img] [img]https://pokefarm.wiki/images/6/69/Melan_Dreepy.png[/img] [inventory=shinychain] [img]https://pfq-static.com/img/pkmn/egg.png[/img] [inventory=shinyshiny] [img]https://pfq-static.com/img/pkmn/shiny.png[/img] 0 [img]https://pfq-static.com/img/pkmn/albino.png[/img] 0 [img]https://pfq-static.com/img/pkmn/melanistic.png[/img]
CSS - Sprite Edits

Rainbow (Single)

.party>div[data-pid*="TSPqL"]>.pkmn>.pokemon, #field_party>div>div.slot[data-id*="TSPqL"]>div, #field_field>div.field>.fieldmon[data-id*="TSPqL"]>img { animation: linear hueshift 2s infinite; } @keyframes hueshift { from {filter: hue-rotate(0deg);} to {filter: hue-rotate(360deg);} }

Replace Sprites (Global)

click here for code + explanation
/* regular size sprite */ img.big[src*='/h/c/7'] { object-position: 9999px; background-image: url("https://cdn2.bulbagarden.net/upload/1/15/Spr_2g_133.png"); height: 56px; width: 56px; } .pokemon[style*='/h/c/7'] { background-image: url("https://cdn2.bulbagarden.net/upload/1/15/Spr_2g_133.png") !important; } /* small sprite for mobile users */ img.small[src*='/e/r/r'] { object-position: 9999px; background-image: url("https://i.imgur.com/MnhvpEj.png"); height: 28px; width: 28px; } .pokemon[style='/e/r/r.png'] { background-image: url("https://i.imgur.com/MnhvpEj.png") !important; }

Hue Shift (Global)

img[src*='/h/3/k'], .pokemon[style*='/h/3/k']{ filter: hue-rotate(90deg) !important; }

Hunting Rave (Global)

img[src*='/2/v/d'], .egg[style*='/2/v/d']{ animation: linear hueshift 2s infinite; } @keyframes hueshift { from {filter: hue-rotate(0deg);} to {filter: hue-rotate(360deg);} }
CSS - Tarashia's excellent Imitation Platforms

Preview

Lv. 100 — +1,077,657
Aspear BerryAspear Berry
Aspear Berry (SOUR)
Cheri BerryCheri Berry
Cheri Berry (SPICY)
Chesto BerryChesto Berry
Chesto Berry (DRY)
Pecha BerryPecha Berry
Pecha Berry (SWEET)
Rawst BerryRawst Berry
Rawst Berry (BITTER)
Likes:
Sweet food
Grass
Happiness 27%
Jolly nature

Code

[style] /* These default to the VIEWER's skin colors */ /* To customize them, just set hex color codes instead */ @platform-base: @col-bg1; @platform-border: @col-border1; @name-color: @col-fg1; @name-background: @col-bg3; @name-border: @col-border3; @berry-background: @col-flavour-up; @berry-border: @col-fg1; /* Set to "block" to show, "none" to hide */ @display-item: block; @display-berries: block; /* Just for fun, image filter, remove one */ //@pkmn-filter: hue-rotate(90deg); @pkmn-filter: none; .party { display: inline-block; &,>div { padding: 0; margin: 0; background: transparent; width: 120px !important; height: 120px; overflow: hidden; border: none; border-radius: 0; box-shadow: none; } >div { &::after { display: none; } .pkmn { margin: 0 10px; float: unset; &::before { background-color: @platform-base; border-color: @platform-border; } .helditem { display: @display-item; .itemsprite { cursor: unset; } .tooltip_content { display: none; } } .pokemon { filter: @pkmn-filter; } } .name { background-color: @name-background; border: 1px solid @name-border; border-radius: 5px; margin-top: 1px; height: 16px; display: flex; flex-wrap: nowrap; a { color: @name-color; font-weight: normal; margin: 0 2px; width: 80px !important; flex-grow: 99; font-size: 12px; } img { display: none; } img:nth-last-of-type(-n+2) { display: inline; margin: 0; } } .action { display: @display-berries; position: absolute; left: 88px; top: 70px; height: unset; width: unset; .berrybuttons[data-up="any"]>a[data-berry="aspear"], .berrybuttons[data-up="sour"]>a[data-berry="aspear"], .berrybuttons[data-up="spicy"]>a[data-berry="cheri"], .berrybuttons[data-up="dry"]>a[data-berry="chesto"], .berrybuttons[data-up="sweet"]>a[data-berry="pecha"], .berrybuttons[data-up="bitter"]>a[data-berry="rawst"] { display: inline-block; } .berrybuttons { >a { display: none; width: 20px; height: 20px; line-height: 20px; padding: 5px; background-color: @berry-background; border-radius: 20px; >img { vertical-align: top; max-height: 20px; max-width: 20px; } } >a[data-berry="pecha"] img { /* this berry is short */ margin-top: 1px; } } &.working { opacity: 0.5; } table { /* "thank you" message */ display: none; } } .expbar, .taste, .extra { display: none; } } >div:hover>.action a[data-berry]:after { border-color: @berry-border; } } [/style]
CSS - Niet's Animations

Preview

Spinny
pling
thingy
thing
thing
thingymagig
fade
pulse

Code

[css=animation:spin 3s infinite;text-align:center;]Spinny[/css] [css=animation:pling 3s infinite;text-align:center;]pling[/css] [css=animation:nice_mainstar 3s infinite;text-align:center;]thingy[/css] [css=animation:nice_star 3s infinite;]thing[/css] [css=animation:nice_popin 3s infinite;text-align:center;]thing[/css] [css=animation:nice_popout 3s infinite;text-align:center;]thingymagig[/css] [css=animation:fade 3s infinite;text-align:center;]fade[/css] [css=animation:pulse 3s infinite;text-align:center;]pulse[/css]
CSS - Profile Platforms (old)

Code

.expbar {border-radius: 20px; height: 16px; margin: 2px 5px;} .expbar>span {font-size: 14pt; top: -4px;} .party {display:inline-block;} .party, .party>div {padding:5px; width: 120px !important;} .party>div>.action>.berrybuttons {width:100%} .party>div>.action>.berrybuttons:not([data-up='sour'])>[data-berry='aspear'], .party>div>.action>.berrybuttons:not([data-up='spicy'])>[data-berry='cheri'], .party>div>.action>.berrybuttons:not([data-up='dry'])>[data-berry='chesto'], .party>div>.action>.berrybuttons:not([data-up='sweet'])>[data-berry='pecha'], .party>div>.action>.berrybuttons:not([data-up='bitter'])>[data-berry='rawst'] { display:none; } .party>div>.action>.berrybuttons[data-up='any']>a[data-berry='rawst'] {display: inline-block} .taste, .extra, .helditem>.tooltip_content, .party>div>.action>.berrybuttons>.tooltip_content {display:none !important} .party>div>.name>a {width:auto !important; margin-top:5px; padding-right:3px; overflow: visible;} .party>div>.name {display: flex; margin-top: 100px; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: baseline;} .party>div>.name>img {margin:0px 1px; vertical-align: bottom;} .party>div>.pkmn>.egg, .party>div>.pkmn>.pokemon {width: 120px;} .party>div>.pkmn:before {margin: 0px 10px;} .party>div>.expbar {width: 100%; height:1.2em; margin-top:5px; margin-bottom:1px; margin-left:0px; margin-right:0px} .party>div>.expbar>span {font-size: 11pt; height: 1em !important; width: 2em !important; margin: 0 auto; margin-top:1px; text-align:end;} .party>div>.action {padding: 0px; width: 100%; height:30px} .party>div>.action>.berrybuttons>a {width: 100%; height:25px !important; line-height: unset} .party>div>.action>.berrybuttons>a>img {max-height: 23px; margin-top: 1px}
Forum Signature

Code

[style] color: #fff; background-color: #111; background-image: url("https://i.imgur.com/oOaVm9C.png"); background-repeat: no-repeat; background-position: center top; a:link, a:visited {color:#99ccff} .bbcode_table{ margin-left: auto; margin-right: auto; border: none; } .bbcode_table td, .bbcode_table th { padding: 0px 2px; border: none; vertical-align:middle; } .sig {font-family: Merienda, sans-serif; text-align:center} /* latin */ @font-face { font-family: 'Merienda'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/merienda/v9/gNMHW3x8Qoy5_mf8uWMFMIo.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } [/style][ ][table][tr][td][styleclass=sig] ☆ [url=https://pokefarm.com/forum/thread/315617]trade shop[/url] ☆ hunts charms s/a/m/d and more![/styleclass][/td][td] [/td] [td][styleclass=sig] ☆ [url=https://pokefarm.com/forum/thread/316335]art shop[/url] ☆ pixel art banners signs and more![/styleclass][/td][/tr][/table] [css=text-align:right][size=7]she/her avatar and signature pixel art by me[/size][/css]

Extra Stuff

(spare boxes for copy-pasting)

Preview

Code

Code

Google Fonts API
https://fonts.googleapis.com/css?family=xxx
CSS/Less Simplifier
https://prettier.io/playground/
Funky font stuff
https://aestheticsfonts.com/
PFQ self-skin codes
https://pokefarm.com/forum/post/4448742
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
© PokéFarm 2009-2024 (Full details)Contact | Rules | Privacy | Reviews 4.6★Get shortlink for this page