adding to what said about the dropdown part

is there a way to not have that button disappear after one click?

Is this what you wanted? I think some of those links can only be reached through the dropdown… li.dropdown.pet_options { display: none !important; }

You want the opposite: li.dropdown.pet_options { display: block !important; }

It looks great! Thank you very much! :D

These are fantastic! I had a few of my own, but these are so much better!

maybe some of you can use some of these?!! So Good!

I think I can find some use for one or two of these that I didnt know about before...thanks!

I love your thread, all these CSS are so handy!

I'm so sorry to bother your with a request, and feel free to say no, but would you happen to have a code I can use to make the font size of the event notifications slightly bigger? It just looks so tiny and I have a hard time reading it :(

Do you mean all sidebar events or the notification popup when there's a new one? I can definitely help you out.

All sidebar events , I hardly am around to see a notification pop-up, but I always come back during the weekends to several events and I have to zoom in on the browser to actually read them without squinting or forcing my sight.

I'd appreciate the help ^_^

Is there any way to be able to use some sort of CSS to...I dunno, 'batch move' items from one category of the WL to another, instead of picking them one by one from the drop down? (Like, I want items A, Q, G, ER, ASD... to all go into the Wearable category). I got LOADS of items to move, and this is one of the biggest...annoyances D:

Nope but if you didn't know, you can click the dropdown and then press the first letter of the category you want to move the item to. This selects the category faster and you can just press enter from there.

All I did was add font-size:100%; to the first line of the better sidebar events code. If that looks too big, then try 95%, since 89% is the default. /Better Sidebar Events/ .sidebar-event small {font-size:100%; width: 100%; padding: 1px 15px 1px 3px;} .sidebar-event small a {padding-bottom: 0.4em;} -inner-events .sidebar-widget-contents .event-sep {width: 90%; margin: 2px auto;} .sidebar-widget {width: 163px;}

I can give that a whirl :3. Hopefully I don't hit a 'something IRL is annoying me and I want to teach my laptop to fly and somehow WL sorting is making it worse' event...or something XD

Thanks :D

You're a gem thank you so much!

Another thing IM thinking of...Is there a way to widen the sidebar a bit?

/Move all floating items to top left corner/ .floating_item {border:2px solid blueviolet; position:fixed !important; left:20px !important; top:7px !important; z-index:999 !important; margin: 0px !important;}

With this code it puts a colored border around the item. You can pick what color you like.

Appreciate it, personally don't like the border but I'll add a tip in that section on adding your own. :3

I'm thinking there's a very high chance that the rest of the site layout will break instead of adjusting nicely. I'll look into it sometime though!

Welcome! Happy Morostide! <3

:D Thanks! Ive been trying to figure that out for a while, but I can't seemt o figure it out myself. Mainly because me coding=usually a fail

Better sidebar events version 2!

What I gave you guys didn't work how it was supposed to at all! (I'm so sorry!) Please replace all old code with the new code!

Since I had my easier event deleting code active when I made this, what I was seeing wasn't what you guys would see! I decided to combine both into one new better sidebar events code block.

I've also added some bonus fixes: The delete icon has a little extra clickable space around it. The delete icon has the pointer cursor when you hover on it.

new code and image preview

/Better Sidebar Events & Easier Event Deleting/ -inner-events .event-sep {width: 90%; margin: 2px auto;} .sidebar-widget {width: 163px;} .sidebar-event {position:relative;} .sidebar-event i {position: absolute; right: 0px; top: 2px; margin: 0; cursor: pointer; height: 1.3em; width: 1.3em; padding-top: 2px;} .sidebar-event small {width: 100%; padding: 1px 14px 2px 3px; overflow:hidden; line-height:1.5; display:block;} .sidebar-event small a {padding-bottom: 0.4em;} .sidebar-event small {font-size:89%;}

Thank you for this new sidebar code. I tried the old one and didn't care for the scrolling sidebar thingy showing up. I'll see how this works.

Yeah that was an accident that didn't show up unless you had a lot of events so I didn't catch it until Morostide started! Hope you enjoy it now!

Thanks for sharing! We really appreciate it!