Awesome thanks, I figured it was something earlier in the CSS that was messing with it.
I also had to modify one of hit lines to this to get 8 weapons instead of 4.
grid-template-columns: 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5%;
all my battle CSS
/* No jerking battles */
{
height: 147px;
}
{
height: 147px;
}
/* bigger end battle button */ -ui-main .endBattle a.end-game-btn { width: 80%; }
/* Fix Customize Weapons Page */
.ten.wide.column > table {width:370px; height: 225px; overflow:scroll; display:block; } .six.wide.column table {width:100px !important; } .ten.wide.column label img {width:70px !important; } .ui.grid h2 {font-size:22px !important; } , {height:414px; overflow: auto; } > .ui.segment.attached > .ui.grid > .three.wide.column, > .ui.segment.attached > .ui.grid > .three.wide.column {display:none; } .ui.segment.attached, .ui.segment.attached {padding:3px !important; } .ui.segment.attached.bottom label {width: 100% !important; cursor:pointer !important; background-color:; }
div[style="border: 1px solid ; -moz-border-radius: 5px; -webkit-border-radius: 5px; min-height: 75px; text-align: left; max-height: 300px; overflow: auto;"] {max-height:450px !important; width:750px !important;}
{margin-top: 100px; width: 215% !important; display: table;}
/** expand item use menus **/ /*--open collapsed sections / .card , .card , .card , .card , .card , .card , .card , .card { display: block; } /--reduce padding / .card .card-body, .card .card-body, .card .card-body, .card .card-body, .card .card-body, .card .card-body, .card .card-body, .card .card-body { padding-top: 0; } a[href="/inventory.php"]~.container .card.col-12.m-2>h3.card-title+p:empty { display: none; } /--hide toggle button */ .card a[href=""], .card a[href=""], .card a[href=""], .card a[href=""], .card a[href=""], .card a[href=""], .card a[href=""], .card a[href=""] { display: none; }
/** Pet Roles: Gourmand **/ a[href$="petid=837808"]::before { content: "1F37D"; }
/** Pet Roles: Reader **/ a[href$="petid=837808"]::before { content: "1F4D6"; }
/** Pet Roles: Battler **/ a[href$="petid=837808"]::before { content: "2694"; }
/-- Orders the weapon selection box by Tier, with selected weapons at the top Change the 'order: [number]' to alter the sorting --/
{ display: grid; scrollbar-gutter: stable; box-sizing: border-box; max-height: 400px !important; grid-template-columns: 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5%; } div { width: 100% !important; word-break: break-word; } div[data-tier="12"] {order: 1;} div[data-tier="11"] {order: 2;} div[data-tier="10"] {order: 3;} div[data-tier="9"] {order: 4;} div[data-tier="8"] {order: 5;} div[data-tier="7"] {order: 6;} div[data-tier="6"] {order: 7;} div[data-tier="5"] {order: 8;} div[data-tier="4"] {order: 9;} div[data-tier="3"] {order: 10;} div[data-tier="2"] {order: 11;} div[data-tier="1"] {order: 12;}
div.selected_weapon {order: 0;}
[edit] hmmm now its putting a scroll bar around the weapons though instead of having it be a fixed box.
[Center] [tp=thesovereign] :dmg🔥 [tot=thesovereign] :dmg🔥 [egg=thesovereign] [spoiler=Interesting High Score Tables][url=https://subeta.net/games/battle/scores.php?enemy=206]Paramesian Buttwing Bomber[/URL] [url=https://subeta.net/games/battle/scores.php?enemy=210]Paramesian Recycle Beast[/URL] [/Spoiler][/Center]
Ah yup, that would definitely override mine, isn't code fun xD xD
There is?? I must have missed that one somehow. I did look at the classes and stuff they had but what seemed to be a number to identify them kept changing when I reloaded the page
... gosh darn it, this I must see! *out of bed again
lol that would also be pretty cool. I've been messing with the order of the tiers to pull the various OPB stuff to the top, but if there is a way to custom order weapons that would be even cleaner lol.
[Center] [tp=thesovereign] :dmg🔥 [tot=thesovereign] :dmg🔥 [egg=thesovereign] [spoiler=Interesting High Score Tables][url=https://subeta.net/games/battle/scores.php?enemy=206]Paramesian Buttwing Bomber[/URL] [url=https://subeta.net/games/battle/scores.php?enemy=210]Paramesian Recycle Beast[/URL] [/Spoiler][/Center]
There is. When you’re on the weapon selection page, right click any weapon and choose Inspect. You’ll see the highlighted div for that specific weapon. Then look for data-id. The number you see is likely the unique id assigned to each weapon when a copy is generated. You’ll just need to replace the part data-tier=“number” in Kalkatak’s code above with data-id=“idnumber”, where idnumber should be the unique item id of your weapon. In the last part, you should write {order: -1;} I have not tested this code with Kalkatak’s code, so I don’t know how mine and theirs will interact. That’s why just to be sure you can try testing each set of code in isolation. Hopefully together we can figure out a way to make both work! The downside of my approach is that you will need to look up the unique id of every weapon you want to target and reorder, and these are unique to every user, so the same set of code cannot be replicated, and will be very time-consuming to write. I have also assumed that these id numbers are unique to each weapon and haven’t tested what would happen if we remove or add more weapons. That I’ll do tomorrow morning when I wake up.
Does that also mean that you would need to fix the code every time you took the weapon out of your armory.
[Center] [tp=thesovereign] :dmg🔥 [tot=thesovereign] :dmg🔥 [egg=thesovereign] [spoiler=Interesting High Score Tables][url=https://subeta.net/games/battle/scores.php?enemy=206]Paramesian Buttwing Bomber[/URL] [url=https://subeta.net/games/battle/scores.php?enemy=210]Paramesian Recycle Beast[/URL] [/Spoiler][/Center]
I’m off to bed now so I’ll need to look into that in the morning. I’ve just had time to see if I could target a specific weapon.
@ THESOVEREIGN
Ooo, interesting, I'll have a nosy at that tomorrow, your layout's so different 👀
You mean the weapon selection box shouldn't have a fixed height?
Try this in place of my version?
{
display: grid;
scrollbar-gutter: stable;
box-sizing: border-box;
height: auto !important;
max-height: unset !important;
grid-template-columns: repeat(8, 12.5%);
}
... it is 1am though so I am not to be trusted much xD
@ Maskros [edit]They do indeed change when taken out and then put back in
data-id="881612" was the PQuill... now it's data-id="1575065" Hmmm.... so the CSS would need to be written, and then updated if lending a weapon...
I'm pretty sure the data-id is not always the same... mine is 1464837 for PQuill
Also, all this CSS discussion made be play around more with mine.
In general, I tend to like my layout more compact ... I used flex instead of grid and made the weapon sets and scroll sets horizontally scrollable on a single line. The customize tab is also with 8 to a row (unless you dont have the screen size) and unbounded height.
SPOILER (click to toggle)
.ui.grid { display: flex; overflow: auto; }
.three.wide.column { width: unset; font-size: 0 !important; padding: 0 2%; }
.three.wide.column img { max-width:unset; width: 48px !important; height: 48px !important; }
.ui.grid::-webkit-scrollbar { width: 4px; height: 4px; background-color: ; }
.ui.grid::-webkit-scrollbar-thumb { background: ; }
.ui.grid { display: flex; overflow: auto; } .three.wide.column { width: unset; font-size: xx-small !important; } .three.wide.column .text_center { width: 70px; } .three.wide.column img { max-width:unset; width: 48px !important; height: 48px !important; } .ui.grid::-webkit-scrollbar { width: 4px; height: 4px; background-color: ; } .ui.grid::-webkit-scrollbar-thumb { background: ; }
{ padding: 5px; } div { width: 12.5% !important; min-width: 68px; padding: 10px !important; font-size: 0; } img { width: 48px !important; height: 48px !important; }
{ display: flex; flex-wrap: wrap; padding: 5px; max-height: unset !important; } img { width: 48px !important; height: 48px !important; } .all_weapons { width: 12.5% !important; min-width: 68px; padding: 10px !important; } div[data-tier="1"].selected_weapon {order: 1 !important;} div[data-tier="2"].selected_weapon {order: 2 !important;} div[data-tier="3"].selected_weapon {order: 3 !important;} div[data-tier="4"].selected_weapon {order: 4 !important;} div[data-tier="5"].selected_weapon {order: 5 !important;} div[data-tier="6"].selected_weapon {order: 6 !important;} div[data-tier="7"].selected_weapon {order: 7 !important;} div[data-tier="8"].selected_weapon {order: 8 !important;} div[data-tier="9"].selected_weapon {order: 9 !important;} div[data-tier="10"].selected_weapon {order: 10 !important;} div[data-tier="11"].selected_weapon {order: 11 !important;} div[data-tier="12"].selected_weapon {order: 12 !important;} div[data-tier="12"] {order: 13;} div[data-tier="11"] {order: 14;} div[data-tier="10"] {order: 15;} div[data-tier="9"] {order: 16;} div[data-tier="8"] {order: 17;} div[data-tier="7"] {order: 18; } div[data-tier="6"] {order: 19; } div[data-tier="5"] {order: 20; } div[data-tier="4"] {order: 21; } div[data-tier="3"] {order: 22; } div[data-tier="2"] {order: 23; } div[data-tier="1"] {order: 24; }
div[data-id="1356313"] {order: 1;}
It works. If you use it in combination with the Kalkataks code for tiers, you need to put the code to reorder the IDs after the code that reorders your Tiers. Otherwise the Tier overwrites the ID order.
And like I kinda suspected, if you do remove the item from your armory and re-add it back in, it generates a new ID and you need to redo the code.
Is there anything I could do to add in notes for what each thing is?
div[data-id="1356313"] {order: 1;} //rainbow vortex
div[data-id="1356314"] {order: 2;} //sandreaver
div[data-id="1356315"] {order: 3;} //swashbuckle
Would something like this work without messing up the code?
[Center] [tp=thesovereign] :dmg🔥 [tot=thesovereign] :dmg🔥 [egg=thesovereign] [spoiler=Interesting High Score Tables][url=https://subeta.net/games/battle/scores.php?enemy=206]Paramesian Buttwing Bomber[/URL] [url=https://subeta.net/games/battle/scores.php?enemy=210]Paramesian Recycle Beast[/URL] [/Spoiler][/Center]
Gosh, think we started a trend xD I'm gonna have to force myself to go to bed, otherwise I'll stay up all night looking at all these different layouts; I can never resist a different layout - Look at Sov's and Absolute's tomorrow!!
CSS comments are /COMMENT HERE/, so:
div[data-id="1356313"] {order: 1;} /* rainbow vortex /
div[data-id="1356314"] {order: 2;} / sandreaver /
div[data-id="1356315"] {order: 3;} / swashbuckle */
xD Good night
In other news.. Mostly lag-free today and manage to make massive progress on the grind: 2500 Wolve kills for 154 amulets 1110 Umbrus kills for 77 amulets
Espresso has some room to keep going at 1600 and 820 kills, but I'm looking forward to some food and a break before the next wave drops (hopefully tonight?)
I loaded up your CSS it's nice. If your committed to keeping all the images its probably the most compact way of doing it. The version that Maskros made a few years back is even more compact.
Before they plopped the Preselect thing in the middle of the page it was even more compact too.
This is my most up to date version of it including some of the weapon sorting things we had been talking about.
SPOILER (click to toggle)
/* No jerking battles */
{
height: 147px;
}
{
height: 147px;
}
/* bigger end battle button */ -ui-main .endBattle a.end-game-btn { width: 80%; }
/* Fix Customize Weapons Page */
.ten.wide.column > table {width:370px; height: 225px; overflow:scroll; display:block; } .six.wide.column table {width:100px !important; } .ten.wide.column label img {width:70px !important; } .ui.grid h2 {font-size:22px !important; } , {height:414px; overflow: auto; } > .ui.segment.attached > .ui.grid > .three.wide.column, > .ui.segment.attached > .ui.grid > .three.wide.column {display:none; } .ui.segment.attached, .ui.segment.attached {padding:3px !important; } .ui.segment.attached.bottom label {width: 100% !important; cursor:pointer !important; background-color:; }
div[style="border: 1px solid ; -moz-border-radius: 5px; -webkit-border-radius: 5px; min-height: 75px; text-align: left; max-height: 300px; overflow: auto;"] {max-height:450px !important; width:750px !important;}
{margin-top: 100px; width: 215% !important; display: table;}
/-- Orders the weapon selection box by Tier, with selected weapons at the top Change the 'order: [number]' to alter the sorting --/
{ display: grid; scrollbar-gutter: stable; box-sizing: border-box; max-height: 1440px !important; grid-template-columns: 6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25%; } div { width: 100% !important; word-break: break-word; }
div[data-tier="12"] {order: 2;} div[data-tier="11"] {order: 3;} div[data-tier="10"] {order: 4;} div[data-tier="9"] {order: 5;} div[data-tier="8"] {order: 6;} div[data-tier="7"] {order: 7;} div[data-tier="6"] {order: 8;} div[data-tier="5"] {order: 9;} div[data-tier="4"] {order: 10;} div[data-tier="3"] {order: 11;} div[data-tier="2"] {order: 12;} div[data-tier="1"] {order: 13;} div[data-id="1356313"] {order: 1;}
div.selected_weapon {order: 0;}
[Center] [tp=thesovereign] :dmg🔥 [tot=thesovereign] :dmg🔥 [egg=thesovereign] [spoiler=Interesting High Score Tables][url=https://subeta.net/games/battle/scores.php?enemy=206]Paramesian Buttwing Bomber[/URL] [url=https://subeta.net/games/battle/scores.php?enemy=210]Paramesian Recycle Beast[/URL] [/Spoiler][/Center]
I hope we see the next wave tonight at midnight. c: I just need to go get some wins in on a few smaller challengers then I'll be good to go. [edit] You Won!
You have defeated Crithbolcan
Cynde earned 3500 EXP Points!
Wave 3 or riot
Wanna know more about battling? ❤️ The Official Battle Guide v3.3 ❤️ Need to find books? 🌈 The Book Grind Guide v1.0 🌈
poor sargon can only battle/win against the first 4 opponents unfortunately.
[center][flower=jenneeva]
Better than nothing. Keep training and they'll get there. :) Should have a few more challengers that you can easily take on. ^^
Indeed, one of my goals was to keep the images around. Playing around a bit more, I think I managed some more improvements.

I tiled the rather bulky scroll sets, and made some minor adjustments to the text cells. I also made the whole "Tier" and "AP" regions clickable instead of just the small radio button.
SPOILER (click to toggle)
.ui.segment.attached.bottom { padding:5px 0px 0px 20px; margin-bottom: 20px; }
.ui.segment.attached.bottom:last-child { margin-bottom: 0px; }
.ui.segment.attached.bottom label { width: 100%; cursor: pointer; }
.err_select_pet { font-size: 0; background-color: red; width: 150px; height: 2px; top: -3px; position: relative; }
.ui.grid { display: flex; overflow: auto; }
.three.wide.column { width: unset; font-size: 0 !important; padding: 0 2%; }
.three.wide.column img { max-width:unset; width: 48px !important; height: 48px !important; }
.ui.grid::-webkit-scrollbar { width: 4px; height: 4px; background-color: ; }
.ui.grid::-webkit-scrollbar-thumb { background: ; }
{ display: grid; grid-template-columns: calc((100% - 145px)/2) 85px calc((100% - 145px)/2) 60px; grid-row-gap: 20px; } .ui.segment.attached.bottom { width: 60px; text-align: center; margin-bottom: unset; border-radius: unset; } .ui.segment.attached.bottom input { margin-top: 10px; } .ui.segment.attached.bottom label { height: auto; min-height: 100%; cursor: pointer; } .err_select_pet { font-size: 0; background-color: red; height: 2px; top: -3px; position: relative; } .ui.grid { display: flex; overflow: auto; } .three.wide.column { width: unset; font-size: xx-small !important; } .three.wide.column .text_center { width: 70px; } .three.wide.column img { max-width:unset; width: 48px !important; height: 48px !important; } .ui.grid::-webkit-scrollbar { width: 4px; height: 4px; background-color: ; } .ui.grid::-webkit-scrollbar-thumb { background: ; }
{ padding: 5px; } div { width: 12.5% !important; min-width: 68px; padding: 10px !important; font-size: 0; } img { width: 48px !important; height: 48px !important; }
{ display: flex; flex-wrap: wrap; padding: 5px; max-height: unset !important; } img { width: 48px !important; height: 48px !important; } .all_weapons { width: 12.5% !important; min-width: 68px; padding: 10px !important; } div[data-tier="1"].selected_weapon {order: 1 !important;} div[data-tier="2"].selected_weapon {order: 2 !important;} div[data-tier="3"].selected_weapon {order: 3 !important;} div[data-tier="4"].selected_weapon {order: 4 !important;} div[data-tier="5"].selected_weapon {order: 5 !important;} div[data-tier="6"].selected_weapon {order: 6 !important;} div[data-tier="7"].selected_weapon {order: 7 !important;} div[data-tier="8"].selected_weapon {order: 8 !important;} div[data-tier="9"].selected_weapon {order: 9 !important;} div[data-tier="10"].selected_weapon {order: 10 !important;} div[data-tier="11"].selected_weapon {order: 11 !important;} div[data-tier="12"].selected_weapon {order: 12 !important;} div[data-tier="12"] {order: 13;} div[data-tier="11"] {order: 14;} div[data-tier="10"] {order: 15;} div[data-tier="9"] {order: 16;} div[data-tier="8"] {order: 17;} div[data-tier="7"] {order: 18; } div[data-tier="6"] {order: 19; } div[data-tier="5"] {order: 20; } div[data-tier="4"] {order: 21; } div[data-tier="3"] {order: 22; } div[data-tier="2"] {order: 23; } div[data-tier="1"] {order: 24; }