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 Site Skins: How-To, and Helpful CSS

Forum Index > PokéFarm > Guides > Site Skins: How-To, and Helpful CSS >

SakuraWolf23's AvatarSakuraWolf23
SakuraWolf23's Avatar
Firstly, I'd like to thank Gladion for your Berry Preference Code. When the Pokemon Panels first came out, I didn't really like how much room they took up in my About Me. After a long time of playing around with this, I finally got it looking the way I wanted. This is designed for the About Me section. At some point, I will work on one for skins (as I really think this would look great on Parties).

Image

With this code, you have to sc=panels before the Pkmn Panels, and /sc after. Unless there's a way to make them inline-display without that? (I couldn't figure that out)

Coding

.panels{width: 310px; margin-left: -15px; } .panels>div{display: inline-block; padding: 5px; ;} .party>div{width: 140px!important; height: 150px; display: inline-block; background-color: gray; a {color: blue; a:link} } .party{width: 140px!important; margin-bottom: -20px}a .party>div>.pkmn:before {display: none;} .party>div>.pkmn {margin: 0px 0px 0px 0px; float: right; margin-right: -15px; margin-top: -25px; }/*Pokemon*/ .party>div>.name {margin-top: -5px; margin-left: -3px; position: absolute;}/*Name Images*/ .party>div>.action {width: 45px; height: 50px; overflow: hidden; position: relative;}/*Berries*/ .party>div>.expbar {width: 75px;}/*EXP Bar*/ .party>div>.expbar>span{font-size: x-small; min-height: 30px!important;}/*EXP Bar*/ .party>div>.taste {display: none; clear: left; float: left; width: 450px; font-size: 10pt;}/*Preference*/ .party>div>.extra {display: none; clear: left; font-size: 10pt; padding-top: 4px;}/*Bottom Info*/ .party>div>.extra {display: none; clear: left; font-size: 10pt; padding-top: 4px;}/*Type*/ .party>div>.extra {display: none; clear: left; font-size: 10pt; padding-top: 4px;}/*Happy?*/ .party>div>.extra {display: none; clear: left; font-size: 10pt; padding-top: 4px;}/*Nature*/ .party>div>.action>.berrybuttons {text-align:center;} .party>div>.action>.berrybuttons {text-align:center;} .party>div>.action>.berrybuttons[data-up='sour']>[data-berry='aspear'], .party>div>.action>.berrybuttons[data-up='spicy']>[data-berry='cheri'], .party>div>.action>.berrybuttons[data-up='dry']>[data-berry='chesto'], .party>div>.action>.berrybuttons[data-up='sweet']>[data-berry='pecha'], .party>div>.action>.berrybuttons[data-up='bitter']>[data-berry='rawst'] { 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']>[data-berry] { display:inline-block; }
Gaming || Writing || Angel of the Shadows Aliit Ori'shya Tal'din || Tai'shar Manetheren! SamanthaNBishop on Archive of our Own and Wattpad! Avatar of Trainer, Alexandria "Angel" Flamel, by Me Banner for me by Furret on PokeHeroes. Do not use without permission.
© PokéFarm 2009-2024 (Full details)Contact | Rules | Privacy | Reviews 4.6★Get shortlink for this page