Here is my BC custom CSS:

/* No jerking battles */ { height: 147px; } { height: 147px; }

div#weapons_unselected div[style="width: 24%; padding: 10px 0; display: inline-block; vertical-align: top; text-align: center;"] {width:10% !important; }

Its pretty functional, but here is how it currently looks:

I was wondering if there was anyway to drop the unused weapon box down a few more pixels, so the scrolls are not covering any weapons, and to also maybe increase the number of weapons in each row by 1 more (Or scale it to the size of the screen if possible.)

Thanks in advance (also if anyone else wants to use my custom CSS feel free to steal it. I didn't make this I forget who did make it it was a while back.)

so here's my idea: try adding margin-top to make it drop down? (or margin bottom to the items on the top) ...you could also give the scrolls div a fixed height with overflow:scroll; maybe

as far as adding another item to the row, you'll have to find the id/class for the box (where the image and tier are) and give them: display:block!important;float:left!important; as well as making sure that the div containing them is wide enough. (it might just work by making the div wider without the code above Maybe)

if you need more details, let me know and send me the link to that page so I can test the codes out.

I'm terrible with this stuff, that was pretty much all greek to me :P

It is the challenge opponent page, and then it looks like that after you click the customize weapons tab in the middle of the page.

Best way to get there is to go to: https://subeta.net/games/battle/challenge.php?act=battle&id=10

I'm missing the div where the items are below the scrolls/weapon set.. I only have like 2 weapons PX

.six.wide.column table {width:100px !important; } change this to this: .six.wide.column table {width:100px !important; margin-bottom:100px;} ?

I don't think that did much.

Want me to send you a bunch of cheap weapons?

thanks! I'll add and check it out

[edit] div#weapons_unselected div[style="width: 24%; padding: 10px 0; display: inline-block; vertical-align: top; text-align: center;"] {width:10% !important; }

get rid of this and add this:

{width:100%!important;}

let me know if it's what you want?

That ends up collapsing the unused weapons down into a row of 4, the way the default settings look.

The biggest thing would be if its possible to just move the weapons_unselected box down like 70 pixels so that when it pops up it is below the scrolls box.

[edit] I think I figured it out by adding this:

{height:340px !important;}

Now everything lines up a bit nicer at least. Its still kinda wonky in terms of resizing the screen, but meh.

.eight.wide.column {position:relative;} {position:absolute;top:650px;left:0;width:200%!important;height:700px;} {margin-bottom:700px} .all_weapons {display:block;float:left;}

how's this?

ooh I like that edit XD maybe try taking off the borders of the bigger div in that case?

where do I put that.

just add it to the bottom of your code I feel like mine is a bad edit now XD but maybe you can play with it taking things off / leaving things on to see how you prefer it

It did some weird things to the spacing, but I like how it resizes with the rest of the screen.

I'm probably going to leave it the way I had it, but I'm definitely going to go back and look at that code you did there again.

great! :3

Did you guys figure it out? Adding the line below to the end of your script worked for me. Try it, better or worse? {margin-top: 100px; width: 215% !important; display: table;}

how it looks for me

[edit] Oh, you figure out how to move the box down. Then just add the below to your code so it shows one more item (10 per row). {width: 215% !important; display: table;}

I ended up using your code, I think it works better, plus it scales better

How do you get the background to be the different shades of gray/Black like that? Is that a secret theme?

Oh, made a night mode theme for custom css. -Night Mode- Shengui Guo Custom CSS [v2.0]