Single post in Site Skins: How-To, and Helpful CSS
Forum Index > PokéFarm > Guides > Site Skins: How-To, and Helpful CSS >
It's hard for me to tell exactly what that code was supposed to do, but that may just me failing reading comprehension. Was it one of those ones that stacks all the buttons on top of each other so you just click the same place repeatedly then hit next?
It's probably not exactly the same, and maybe isn't as pretty, but I wrote up this. It affects mobile devices, and desktops in "compact mode". To only affect mobile, remove ".multi-compact, ". To only affect desktop compact mode, remove ", .mq2".
If something is broken or you want it tweaked, feel free to ask. :)
I recommend trying it by itself first to get a feel for what it does/doesn't do, and to prevent conflicts with any existing codes. If there are obvious conflicts, I can help you resolve them if you send me your skin link. I currently have it in my test skin (default colors, this CSS only) "b7q/test"
Code
/* Collapse party for quick clicking in compact mode */
.multi-compact #multiuser, .mq2 #multiuser {
#profilebox, .fieldslink, .party .pkmn,
.party .name, .party .working,
.berrybuttons .tooltip_content {
display: none !important;
}
#partybox .party {
margin-top: 15px;
margin-bottom: 15px;
height: 50px;
position: relative;
> div {
position: absolute;
top: 0;
left: 0;
> .action {
float: none;
width: 100%;
height: 39px;
a {
z-index: 98;
width: 100%;
position: absolute;
}
.berrybuttons[data-up='sour']>[data-berry='aspear'],
.berrybuttons[data-up='spicy']>[data-berry='cheri'],
.berrybuttons[data-up='dry']>[data-berry='chesto'],
.berrybuttons[data-up='sweet']>[data-berry='pecha'],
.berrybuttons[data-up='bitter']>[data-berry='rawst'] {
z-index: 99;
}
}
}
}
/* Fix a bug where the prev/next buttons are duplicated */
.prev+.next+.prev, .prev+.next+.prev+.next,
.compact-view-toggle+label+.compact-view-toggle,
.compact-view-toggle+label+.compact-view-toggle+label {
display: none;
}
/* Fix auto-scroll checkbox position */
.compact-view-toggle,
.compact-view-toggle+label {
display: inline-block;
margin-top: 10px;
width: 50%;
text-align: left;
}
}
