The CssPlugin (AKA "Css") is a NeWikiPlugin that extends RestrictedWikiPlugin, permitting insertion of an HTML <style> element in the middle of a wiki page.
Here's a CssPlugin Test Page and CssPlugin Test Page 2, showing the use of the 'Old Standard TT' Google Font.
Pre-Test#
It seems (at least in my tests) to work for the whole page.
Parameters#
None.
This uses the contents of the plugin body as the CSS content. In order for this to work you must include a blank line after the beginning of the plugin.
Notes#
CSS stylesheets are normally declared in the <head> of the page. Prior to HTML 5, putting a <style> element in <body> has been invalid as per the HTML standards and specifications. As HTML 5 seems to be a constantly-changing amalgam of descriptive practice rather than a prescriptive specification, and given both that "browsers don't care" and this practice is generally supported, this plugin simply takes advantage of that previously-bad practice. It's now a feature not a bug.
Notably, as there is some potential for abuse with this plugin deployment is controlled via its RestrictedWikiPlugin configuration.
Tests#
(NOTE: these tests may fail if the plugin has not been installed.)
[{Css
.fudge {
margin: 1em 0.5em 1em -16px; padding: 0.9em 1em 0.9em 1em; max-width: 50%;
color: white; background-color: brown;
border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
border-left: 16px solid #ffa700;
}
}]
Wiki : CssPlugin - Plugin insertion failed: Could not find plugin CssWiki : CssPlugin - Plugin insertion failed: Could not find plugin Css
[{Css
@import url('https://fonts.googleapis.com/css?family=Special+Elite');
}]
%%(font-family:Special Elite)
Here's some Special Elite text.
%%
Wiki : CssPlugin - Plugin insertion failed: Could not find plugin CssWiki : CssPlugin - Plugin insertion failed: Could not find plugin Css
Tag 'Ne Wiki Plugin' undefined (page does not exist)
(home page)