Import Custom Stylesheets

Lounge
1

Is there any solution that can import custom stylesheets that other than userstyle.css and userchrome.css? It didn't work when I use the import rules like this @import url(print.css);

2

Hi @Nacandev
have you tried the methods described in this thread?

3

I just tried it on the userstyle.css but still not work.

And in my case, I just want to split out a print.css from the userstyle.css, so, I think it wouldn't a good choice if I import a "print.css" on every notes.

4

In this case, if I'm not mistaken, I think you should define a default template including between the <style> and </style> tags the styles provided in your "print.css" file or insert at the beginning of the template the line @import url(full-path-to/print.css)

Thanks to the experts to correct me if I make a mistake.

1 Like
5

Thank you! I learn something new from your reply. It's not actually what I want but this trick is still useful on another situation.

By the way, it seems keep the media query section stay within the userstyle.css is still the best choice for me.