Question

I’m looking for a lightweight dialog plugin that doesn’t require css.
I need it for a userscript, which means I can’t include a css file

Any ideas?

Answer 1

you can simply set the innerHTML of a style tag created via javascript. In this way you obtain an inlined stylesheet.

E.g.

var styleText = "body { background-color: red } div { color: lime }";
var styleBlock = document.createElement("style");
styleBlock.innerHTML = styleText;
document.head.appendChild(styleBlock);

Another idea is to use a dataURI of a css file:

E.g.

var linkEl = document.createElement("link");
linkEl.href = "data:text/css;base64,Ym9keSB7IGJhY2tncm91bmQtY29sb3I6YmxhY2sgfQo=";
linkEl.rel = "stylesheet";
linkEl.type = "text/css";
document.head.appendChild(linkEl);