HTML/CSS Whitelist & Tweaks

Posted 9 years, 6 months ago (Edited 6 years, 11 months ago) by lulu

I'M NOT A FRONT END DEVELOPER omg i should really hire one but i'm literally never going to get around to it i'm so sorry 

Anyway if you see anything in the source that could be fixed to make skinning profiles easier or if you need any specific IDs or classes on elements make a post and I'll see if I can add it in for you (it's basically entirely dependent on whether it breaks current profiles or not).

Also, if you wanna use certain tags / attributes and you've noticed that they're blacklisted just post here and I'll see whether I can add it in for you, ye o/

sennix

Would it be possible to eventualy have embedding whitelisted so we could add playlists for characters? (auto-play disabled/ turned off ofc)

Tarocco

I can't seem to get this attribute-selector to work :(

.badge-primary[href]:focus,

.badge-primary[href]:hover {

background-color: #F60;

}

Based on some of the CSS in site.css.

arty

Tarocco

Are you trying to select only anchors with the .badge-primary class? In that case try:

a.badge-primary

and drop the [href].

Vagevurig

Could you pleasepleaseplease whitelist the filter property? I want to be able to greyscale images without having to create and upload a whole new image file for that.

Yako

I'd really like to be able to use "object-fit" and "linear-gradient" in CSS! They'd make it so much easier to make pictures nice ;o;

Gojira

poptartle do you mean something like this?
7411773_EtwBiMqOaCc7apu.png 7411771_WL56GsVBpzxpJHS.png 7411770_ESIzVsGXcd3JirQ.png

<img style="width:200px;" src="https://file.toyhou.se/images/7411773_EtwBiMqOaCc7apu.png">
<img style="width:200px; margin-left:-150px; margin-top:50px;" src="https://file.toyhou.se/images/7411771_WL56GsVBpzxpJHS.png">
<img style="width:200px; margin-left:-150px; margin-top:100px;" src="https://file.toyhou.se/images/7411770_ESIzVsGXcd3JirQ.png">

If this is what you want, you just gotta use the style attribute and .margin-top:#px, .margin-bottom:#px, .margin-right:#px and/or .margin-left:#px to define the position of the image!