Single post in 🐇 A Quirky Infodump
Forum Index > PokéFarm > Journals > Staff > 🐇 A Quirky Infodump >
Code Storage Zone
CSS - QoL Extra CSS
BBCode - Shiny Hunt (Regular)
BBCode - Shiny Hunt (Type Race)
CSS - Sprite Edits
CSS - Tarashia's excellent Imitation Platforms
CSS - Niet's Animations
CSS - Profile Platforms (old)
Forum Signature
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*/
#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*/
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
Preview
Temporary hunt for Type Race
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]
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);}
}
Preview
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]
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]
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}
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)
Google Fonts API
CSS/Less Simplifier
Funky font stuff
PFQ self-skin codes
Preview
Code
Code
https://fonts.googleapis.com/css?family=xxx
https://prettier.io/playground/
https://aestheticsfonts.com/
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