Site Skins: How-To, and Helpful CSS
Forum Index > PokéFarm > Guides >
QUOTE originally posted by Soa
Is it possible to use more than one site skin at a time?
Mochi ✪ 22 ✪ they/he/kit
Your local catboy hoarding quirky, bashful, and docile mons!Odds and Ends - Orthrus' - My Guide
QUOTE originally posted by JustCallMeMochi
QUOTE originally posted by Soa
Is it possible to use more than one site skin at a time?
I'm using this code RN but I want to move them to be over the Next button
Code:
#field_field[data-mode="public"]>div.field>.fieldmon.cormyr {
border-radius: 50px;
box-shadow: 0px 0px 0px 4px #00ff00;
background-color: #00ff00;
padding:@padding!important;
margin-top:-@padding!important;
margin-left:-@padding!important;
left:50%!important;
top:50%!important;}
LEGO avatar built by me with LDD
I always plan for the possibly of a hunt not being complete
we're only human after all
Looking for Hasty Pokemon I don't have
TR/Tournament highlighting skin code
Help Christopher Leeaka Andros the Red In Space Ranger
's mom beat stage 2 lung cancer
My time is: 07:13 AM
Score: 387
TR code creditSo for a site skin I had changed the notification icon and now it's gone poof, I've even tried clearing my cache and changing the icon incase that was the problem and it's still blank. Does anyone have any tips for this?
Call me Mandii, I use she/her pronouns.
Think we should re-look at special rates? Check here
Pic by Thunderjaw, template by Moss Dragon, pfp info in journal, depends on image!
Made by Vandi
QUOTE originally posted by InsaneMandii
So for a site skin I had changed the notification icon and now it's gone poof, I've even tried clearing my cache and changing the icon incase that was the problem and it's still blank. Does anyone have any tips for this?
#head-social > #notifs > a {
background-image: url(https://imgur.com/d1h83vZ.png);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
#head-social > #notifs > a > img {
opacity: 0;
}
What's more strange is I have 2 different skins that use this code for the notification and one of them has no problems but the other is the one with all the issues. I've tried using the working notification button for the broken one and it still won't fix so I'm kind of lost ^^' thank you for any help!
That sounds like either a cache issue or a code conflict. Can you post the entire code, or the skin link for the broken skin?
Make sure you're clearing your cache for all time, many browsers default to only clearing the last hour or day.
(No need to clear cookies etc, just cache)
broken things here
I can try clearing cache for farther back than I did but that should be the link I believe if not I'll try and figure out how to post the entire skin code ^-^
edit: clearing cache for all time fixed it haha thank you so much! I guess I wasn't far enough back!
hello! i've recently created a new site skin based off neonyan's free code. however, it looks like it's affected the scour page's alignment. is there any way to make it so the desert goes onto the first line and the city goes onto the second?
here is my css:
i know that this isn't game breaking or anything, but it's just a little annoying to me ^^"
if anyone knows how to fix this, it would be greatly appreciated!
it's rather long
//**DR WHO'S PARTY CLICK ADJUSTMENTS**//
:root {
--multiuser-button-height: 5em;
--multiuser-border-radius: 8px;
}
@media only screen and (max-width: 768px) {
:root {
--multiuser-button-height: 20vh;
}
}
@media only screen and (min-width: 768px) {
/* else next butotn touches the trainer card directly */
#partybox {
margin-right: 1em;
}
}
#multiuser h1 {
/* fix that icon next to name causes jumps */
display: flex;
justify-content: center;
align-items: center;
}
.mq2 #multiuser .tab-active {
margin: 0;
left: 0;
right: 0;
}
.mq2 #profilepage,
.mq2 #partybox, .multi-compact #partybox {
width: auto
}
#multiuser #partybox .party > div {
/* by making this static we can place the buttons
relative to the partybox */
position: static;
}
#multiuser #partybox {
position: relative;
padding-top: calc(var(--multiuser-button-height) + 1em)
}
#multiuser #partybox .action {
/* action button (hold the egg or berry) */
position: absolute;
/*allows for collapse when done*/
min-height: 0;
height: auto;
top: 0;
left: 0;
width: 100%;
z-index: 9999;
}
#multiuser #partybox .action > a,
#multiuser #partybox .action > div,
#multiuser #partybox .mu_navlink.next {
/* next button AND action button*/
padding: 0;
margin: 0;
min-height: var(--multiuser-button-height);
line-height: var(--multiuser-button-height);
}
#multiuser #partybox .action > a {
display: flex;
align-items: center;
justify-content: center;
}
#multiuser #partybox .mu_navlink.next {
/* next button */
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 9998;
border-radius: var(--multiuser-border-radius);
}
#multiuser #partybox .action:empty,
#multiuser #partybox .action > table,
#multiuser #partybox .action.working,
#multiuser #partybox .berrybuttons > .tooltip_content {
/*hide action when it is *empty *processing the berry
or *showing "Thank you!" */
display: none;
}
#multiuser #partybox .berrybuttons > a {
/*only 1 berry per berrybuttons*/
display: none;
height: 100%;
width: 100%;
line-height: var(--multiuser-button-height);
}
#multiuser #partybox .berrybuttons[data-up='sour'] > a[data-berry='aspear'],
#multiuser #partybox .berrybuttons[data-up='spicy'] > a[data-berry='cheri'],
#multiuser #partybox .berrybuttons[data-up='dry'] > a[data-berry='chesto'],
#multiuser #partybox .berrybuttons[data-up='sweet'] > a[data-berry='pecha'],
#multiuser #partybox .berrybuttons[data-up='bitter'] > a[data-berry='rawst'],
#multiuser #partybox .berrybuttons[data-up='any'] > a:first-of-type {
/*show only good berries*/
display: inline-block;
border-radius: var(--multiuser-border-radius);
}
.party > div:hover > .action a[data-berry]::after {
/* no border on berry hover */
border-color: transparent;
}
//**BACKGROUND IMAGE/COLOR**//
body {
background-image: url("https://i.imgur.com/HPjCjH7.png");
background-repeat: repeat;
background-size: 180px;
background-position: fixed;
}
//**FONT FACES**//
body > * {
font-family: 'Trebuchet MS', sans-serif;
}
//*REMOVE BOX SHADOWS*//
* .panel, * .party>div, * #regionslist>li, * .tabbed_interface>div, *#partypage #partybox #profilelinks {
box-shadow: none;
}
//**NOTIFICATIONS ADJUSTMENTS**//
#notifs > a > img {
border: none;
object-position: 9999px;
background-image: url("https://i.imgur.com/Pnt7B9H.png");
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
border-radius: 100%;
padding: -5px;
}
#notifs > a:hover {
background: none;
}
#header > #head-social > #notifs > a[data-count]::after {
right: 4px;
bottom: 2px;
min-width: 14px;
height: 14px;
font-size: 10pt;
font-weight: normal;
border: none;
border-radius: 100%;
background: #ef5859;
color: #faf6f7;
line-height: 13px;
}
//**HEADER BUTTONS ADJUSTMENTS**//
#navigation > #navbtns > li > a, #navigation #navbookmark > li > a {
border-left: 3px solid #202225;
}
#navigation > #navbtns > li > a:hover, #navigation #navbookmark > li > a:hover {
text-decoration: 1px solid underline;
}
#navigation #navbookmark > li > a {
line-height: 20px;
}
#announcements > ul > li > a {
border: none;
border-left: 2px solid #202225;
background: #2f3136;
}
#announcements > ul > li > a:hover {
border: none;
border-left: 2px solid #202225;
background: #2f3136;
text-decoration: 1px solid underline;
}
//**USERNAME IN TOP LEFT ADJUSTMENTS**//
#head-left > div > ul {
margin: 1px 0;
}
#head-left > ul:first-child {
background: #49443c;
padding: 3px;
padding-top: 5px;
padding-bottom: 5px;
border-left: 2px solid #faa61a;
}
#globaluserlink {
background: #48516e;
color: #e3e7f8 !important;
font-weight: normal;
border-radius: 3px;
padding-right: 3px;
padding-left: 1px;
}
#globaluserlink:hover {
background: #7289da !important;
color: #fdfeff !important;
&>a:hover {
background: transparent;
color: #fdfeff !important;
}
}
//**PANEL/HIDEBOX ADJUSTMENTS**//
.panel>h3 {
border-left: 3px solid #202225;
}
.panel>h3>a:hover {
background: none;
}
//**FORUM POST ADJUSTMENTS**//
.forumpost:hover {
background: #32353b;
&>.user {
background: #32353b;
}
&>.metadata {
background: #32353b;
}
&>.user > .tooltip_content {
background: #32353b;
}
}
//**PKMNPANEL ADJUSTMENTS**//
.party > div > .pkmn::before {
border-color: #202225;
background-color: #2f3136;
}
.party > div > .name > a.summarylink {
max-width: 150px;
text-overflow: ellipsis;
}
//**EXPBAR ADJUSTMENTS**//
.expbar {
background: transparent;
border: 1px solid #2f3136;
>div {
background: #2f3136;
}
}
//**LINK ADJUSTMENTS**//
a {
text-decoration: none;
font-weight: normal;
}
a:hover {
text-decoration: 1px solid underline;
background: #32353b;
}
//**BERRY BUTTONS NOT OVERFLOW**//
.berrybuttons {
display: flex;
flex-direction: row;
flex-wrap: no-wrap;
}
//**HIGHLIGHT SPECIAL POKEMON IN SHELTER**//
#shelterarea .pokemon+.tooltip_content {
display:block;
visibility:hidden
}
#shelterarea .pokemon.lock+.tooltip_content, #shelterarea .pokemon:hover+.tooltip_content {
visibility:visible;
}
#shelterarea:not(.selected) .pokemon+.tooltip_content img:not([src*=gender]) {
visibility:visible;
float:left;
transform:scale(15);
opacity:.75;
transform-origin:bottom left;
-ms-interpolation-mode:nearest-neighbor;
image-rendering:-moz-crisp-edges;
image-rendering:pixelated;
touch-action:none;
pointer-events:none;
}
//**HAYASHI RIN FIELD CLICKING**//
#field_field:not([data-mode='private']) .fieldmon { transition: none !important; }
#field_berries.selected ~ #field_field:not([data-mode='private']) {
& > div.field {
display: flex;
margin: 0; padding: 0;
padding-top: calc((475% / 825) * 100);
justify-content: center; align-items: center;
user-select: none;
& > .fieldmon {
display: flex;
width: 100%; height: 100%;
top: 0 !important; left: 0 !important;
margin: 0 !important; padding: 0 !important;
justify-content: center; align-items: center;
transition: none !important;
&.cormyr { background-color: @col-flavour-up; }
&.goaway { background-color: @col-flavour-down; }
&.cormyr > img, & .goaway > img {
background-color: transparent !important;
}
}
}
}
//**NEXT-PREV BUTTON ENLARGEMENT**//
#field_nav button[data-action=next], #field_nav button[data-action=previous] {
position:relative;
height: 100px;
}
//**BAR IMAGE**//
#announcements>ul>li.spacer{
Height:40px;
margin-left: -4px;
background-image: url('https://archives.bulbagarden.net/media/upload/4/4b/Pinani090.png');
background-attachment:scroll;
background-repeat: no-repeat; !important
}
CookieConsumable (: 0) A delicious-looking chocolate cookie. May or may not contain trace amounts of Zophan. Feed to an unhappy Pokémon to boost Happiness by 50 points and EXP by 50% of the current level. Sells for 1 Likes: Dry food 66% Quiet nature | marley. 15. any pronouns. my journal activity may be spotty! type race: 2294 |
code - icon - pkmnpanel |
---|
Okay so maybe a silly question but I'm trying to make a big guide to help with the color and body shape tournaments, I have a code for the brown bodies already and I thought I could just edit it for the other colors and I can't get it to work ^^" if anyone could help or point me in the right direction I'd appreciate it!
Link to my work in progress guide in my journal
Cannot post: Please log in to post