This seems really interesting! Where would I put the custom CSS I have created created on that website on here? Im still getting used to this place so apologies!
Have fun trying things out, once you have that big block of code, you'll paste it in here. (Personal > Dashboard > CustomCSS) If you want to add code in the future, go to that page again, scroll down and paste it at the very end.
Isn't it cool? If you choose to add any of my code to it and something breaks, just send a ping :)
Thank you so much! Can't wait to try these out!
❤ ;)
Thank you! Have fun and let me know if you see a problem somewhere :)
This is all so great, thank you so much! Def gonna be using some of this~ (Also as an aside I caught a tiiiny typo. "Expand Itme Use Menus", should be "Item")
Enjoy! Typo will be fixed next time I push new code, thanks :P [edit]I just noticed your avatar, are those your own customs? Nice.
haha no worries! it's not even major, I just am the type who would want to know if it were me. And nah, the shoes and hoodie are just very cool items others have made than I've been lucky enough to buy/get from a friend.
This is kind of a long shot but is there custom CSS to change the way short dates are displayed across the site? I'd like to see 10 Oct 2019 instead of 10/10/19, for example. (Or even just Oct 10, 2019 would be great.) Places where I usually see short dates include shop sales history and forum posts.
P. S. "Expand Itme Use Menus" has a typo on the main page
Is there any code to get "Use item" list back?
That's beyond our power with just CSS, I would definitely switch to dd/mm/yy if I could.
Can you give me a screenshot or description of the problem and name of item? Thanks :D
I was scrolling through the CSS list and I saw new code for adding battler/reader/gourmand icons to the inventory item links. This gave me an idea to try something.
Instead of having icons, I've always wanted to have the links colour-coded. Just an extra layer of insurance to make sure I click the right one. All my pets are different colours too so why not?
So I modified the battler/reader/gourmand icon code to colour the links instead, and it works for all the item use functions at once (read, toy, minion, treasure, blah).
[id*="collapse"] a[href*="petid=XXX"]{color: }
This is the code for one pet. Copy paste and change the pet id and colour for all your pets! It could also be bolded or whatever you like.
[id*="collapse"] a[href*="petid=5982248"]{color: } /Ov/
[id*="collapse"] a[href*="petid=5985266"]{color: } /Di/
[id*="collapse"] a[href*="petid=5986278"]{color: } /Bo/
[id*="collapse"] a[href*="petid=5986644"]{color: } /Ho/
[id*="collapse"] a[href*="petid=724557"]{color: } /En/
[id*="collapse"] a[href*="petid=5985957"]{color: } /Pe/
[id*="collapse"] a[href*="petid=5979881"]{color: } /Ac/
[id*="collapse"] a[href*="petid=5986375"]{color: } /Co/
[id*="collapse"] a[href*="petid=5975598"]{color: } /Mu/
[id*="collapse"] a[href*="petid=5986279"]{color: } /Re/
[id*="collapse"] a[href*="petid=5987002"]{color: } /Qu/
This is what mine looks like right now. My pets' names are at the end so in case I want to tweak the colours later, I can easily find which line is for which pet.
Just throwing this out here so people can use it if they're interested in this sort of thing. :)
For every item that has an option "use" (stat boosters, for example) it has the button showing but read / feed / TC options are showing pet lists
I use almost everything on one of two pets, but it looks good :D
Oh I see what you mean, I updated the code, go get it here.
Thank you so much! OuO /
Hiya! Um, is there some code that I can use to space out the distance between my pets names, on the item uses Like: Feed to/Play with/Read to/Put in Treasure ?
Kinda like how about 5 years ago I made a thread to get the staff to put some space, between the delete and use options on the Loyalty Totem. ?
Sure it would go like this .card h3.card-titlea,
.card h3.card-titlea,
.card h3.card-titlea,
.card h3.card-titlea,
.card h3.card-titlea,
.card h3.card-titlea,
.card h3.card-titlea,
.card h3.card-titlea {
display: inline-block;
margin-bottom: 10px;
}
Yes YES!! Thank you sooo much. :D -sent ya a lil something. ;)
Does anyone know of any CSS that can be used to make the buy and return to box buttons appear closer to the same screen location on the mystery box? Or at least to make sure the buy button is on the page and not scrolled down real far?
Demiboy (He/They) ALWAYS LOOKING FOR: | or similar | any magpie-looking wings | Cool Ears
There is this code to stop the scrolling down issue, but here's my own code for the buttons. Thought it was public already but I guess not. Will add to the site soon.
/** mystery box buttons **/
img[src="//img.subeta.net/trivia.gif"]+p+p>a.ui.button.green[href="?act=buy"] {
position: absolute;
width: 7em;
top: 1em;
left: 1em;
}
img[src="//img.subeta.net/trivia.gif"]+p+p>a.ui.button.basic[href="?act="] {
position: absolute;
top: 1em;
left: 9em;
}
img[src="//img.subeta.net/mystery_box.gif"]~[href="mystery_box.php"] {
position: absolute;
top: 1em;
left: 1em;
display: block;
line-height: 10px;
padding: 8px;
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
border-radius: 2.5px;
font-size: 10px;
color: ;
}