Dokuwiki + Slideshow + Syntaxhighlighter 3

Wonder why I can't Google anything like this. I was using Dokuwiki to make netty slides in Linux (as Libreoffice Impress is slow and easy to crash). Everything was fine, just that deck.js doesn't support Syntaxhighlighter 3 to the extent of Dokuwiki. And there is a final strike: DIV size varies according to the content, the fewer text in it, the larger font-size is. Ugly. So I downloaded S5 Reloaded plugin for Dokuwiki and tweaked quite a bit to make it work with Syntaxhighlighter. First, choose a theme for "presentation" only (hence the theme in the wiki is different from that on slides). I chose shThemeDark.css. Vim your syntaxhighlighter3/sxh3/styles/shThemeRDark.css, patch one line:

.syntaxhighlighter {
  background-color: #1b2426 !important;
  font-size: 14px !important;  /* ADD THIS */
}

Or it inherits font-size: 19px from S5. Then, patch s5reloaded/renderer.php.

<link rel="stylesheet" type="text/css" href="/dokuwiki/lib/plugins/syntaxhighlighter3/sxh3/styles/shCore.css"/>
<link rel="stylesheet" type="text/css" href="/dokuwiki/lib/plugins/syntaxhighlighter3/sxh3/styles/shThemeRDark.css"/>
<script type="text/javascript" charset="utf-8" src="/dokuwiki/lib/plugins/syntaxhighlighter3/sxh3/scripts/shCore.js"></script>
<script type="text/javascript" charset="utf-8" src="/dokuwiki/lib/plugins/syntaxhighlighter3/sxh3/scripts/shAutoloader.js"></script>

And put SyntaxHighlighter.autoloader in document_end(). That's all. Enjoy!