//**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; }