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 >

BrinnaSilvio's AvatarBrinnaSilvio
BrinnaSilvio's Avatar
Here's some of the CSS I have for skins in my journal. Some of it overlaps a bit with what you already have listed, but goes a little more into specifics.

Background Image Stuff

body { background-color: #000000; background-image: url("YOUR URL HERE"); background-size: 95%; background-position: top 95% center; background-repeat: no-repeat; background-attachment: fixed; } *note this will depend on your particular image! This helps size and center it.

Hide Contest Buttons

#announcements a[href="/contest/contest"] { display: none; } #announcements a[href="/contest/contest/vote"] { display: none; }

Hide Tournament

#announcements a[href="/tournament"] { display: none; }

Hide Egg Timer Countdown

.party>[data-pid]>.expbar>span>span {display:none}

Hide Berry Border

.party>div:hover>.action a[data-berry]::after {border-color:transparent}

Center Tool Tip

.tooltip_content { left: 50%; transform: translateX(-50%); } *This can also be used in templates

Change Color of Hovered Link

a:link { color:#000099; } a:visited { color:#000080; } a:hover { color:#0000cc; } *this can also be used in templates
Also, I use this site if I want to pull colors from a particular image. It's super great and I love it.
Collecting
© PokéFarm 2009-2024 (Full details)Contact | Rules | Privacy | Reviews 4.6★Get shortlink for this page