Single post in Site Skins: How-To, and Helpful CSS
Forum Index > PokéFarm > Guides > Site Skins: How-To, and Helpful CSS >
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).
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)
Image
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.