Single post in 🌈 Zach's Journal
Forum Index > PokéFarm > Journals > 🌈 Zach's Journal >
Preserved Codes
These are other user's codes that have been nuked due to inactivity. I have permission to post these codes here from said users, and will link proof of that under each code.- DrWho's Party Clicking Modification
This is a Party Clicking Modification made by DrWho. In order to use this code, you must paste it into your site skin's "Extra CSS" section.
code
//**DRWHO'S PARTY CLICK ADJUSTMENTS**//
:root {
--multiuser-button-height: 5em;
--multiuser-border-radius: 8px;
}
@media only screen and (max-width: 768px) {
:root {
--multiuser-button-height: 80vh;
}
#multiuser {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 99999;
background: rgba(0,0,0,0.9);
height: 100vh;
overflow: auto;
}
}
@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;
}
Permission to Repost
Header 1
Header 2
Header 3
Link, Bold, Italic, Underline, and Tip
TIP CONTENT
ThunderStone
Evolution Stone
(: 0)
A stone filled with electric energy.
Sells for 1,250
Likes:
Dry food
MAX
Quiet nature
Display Header
Display Content
Hidebox Header
Hidebox Content
Header 1 | Header 2 | Header 3 |
---|---|---|
cell 1 | cell 2 | cell 3 |
cell 4 | cell 5 | cell 6 |
- ITEM 1
- ITEM 2
- ITEM 3
- ITEM 4
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Bibendum at varius vel pharetra vel turpis nunc eget lorem. Interdum varius sit amet mattis vulputate. Arcu ac tortor dignissim convallis aenean et. Sed faucibus turpis in eu mi bibendum. Placerat vestibulum lectus mauris ultrices eros in cursus. Vitae justo eget magna fermentum. Nunc eget lorem dolor sed viverra ipsum nunc. Cursus mattis molestie a iaculis. Enim eu turpis egestas pretium aenean pharetra magna ac. Sociis natoque penatibus et magnis dis parturient. Tincidunt ornare massa eget egestas purus viverra. Arcu bibendum at varius vel pharetra.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Bibendum at varius vel pharetra vel turpis nunc eget lorem. Interdum varius sit amet mattis vulputate. Arcu ac tortor dignissim convallis aenean et. Sed faucibus turpis in eu mi bibendum. Placerat vestibulum lectus mauris ultrices eros in cursus. Vitae justo eget magna fermentum. Nunc eget lorem dolor sed viverra ipsum nunc. Cursus mattis molestie a iaculis. Enim eu turpis egestas pretium aenean pharetra magna ac. Sociis natoque penatibus et magnis dis parturient. Tincidunt ornare massa eget egestas purus viverra. Arcu bibendum at varius vel pharetra.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Bibendum at varius vel pharetra vel turpis nunc eget lorem. Interdum varius sit amet mattis vulputate. Arcu ac tortor dignissim convallis aenean et. Sed faucibus turpis in eu mi bibendum. Placerat vestibulum lectus mauris ultrices eros in cursus. Vitae justo eget magna fermentum. Nunc eget lorem dolor sed viverra ipsum nunc. Cursus mattis molestie a iaculis. Enim eu turpis egestas pretium aenean pharetra magna ac. Sociis natoque penatibus et magnis dis parturient. Tincidunt ornare massa eget egestas purus viverra. Arcu bibendum at varius vel pharetra.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Bibendum at varius vel pharetra vel turpis nunc eget lorem. Interdum varius sit amet mattis vulputate. Arcu ac tortor dignissim convallis aenean et. Sed faucibus turpis in eu mi bibendum. Placerat vestibulum lectus mauris ultrices eros in cursus. Vitae justo eget magna fermentum. Nunc eget lorem dolor sed viverra ipsum nunc. Cursus mattis molestie a iaculis. Enim eu turpis egestas pretium aenean pharetra magna ac. Sociis natoque penatibus et magnis dis parturient. Tincidunt ornare massa eget egestas purus viverra. Arcu bibendum at varius vel pharetra.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Bibendum at varius vel pharetra vel turpis nunc eget lorem. Interdum varius sit amet mattis vulputate. Arcu ac tortor dignissim convallis aenean et. Sed faucibus turpis in eu mi bibendum. Placerat vestibulum lectus mauris ultrices eros in cursus. Vitae justo eget magna fermentum. Nunc eget lorem dolor sed viverra ipsum nunc. Cursus mattis molestie a iaculis. Enim eu turpis egestas pretium aenean pharetra magna ac. Sociis natoque penatibus et magnis dis parturient. Tincidunt ornare massa eget egestas purus viverra. Arcu bibendum at varius vel pharetra.