http://qs321.pair.com?node_id=872781

In firefox, organize bookmarks (ctrl+shift+b), import html, it will create a bookmark folder called pm 
<!DOCTYPE NETSCAPE-Bookmark-file-1>
<DL><p>
<DT><H3 ADD_DATE="1290235287" LAST_MODIFIED="1290237558">pm</H3>
    <DL><p>
    <DT><A HREF="javascript:(function(){function%20addScript(src){var%
+20s=document.createElement('script');%20s.setAttribute('src',src);%20
+document.getElementsByTagName('body')[0].appendChild(s);%20}addScript
+('http://code.jquery.com/jquery-latest.js');addScript(%22http://jquer
+y-json.googlecode.com/files/jquery.json-2.2.min.js%22);jQuery.fn.oute
+rHTML%20=%20function()%20{%20return%20$('<div>').append(%20this.eq(0)
+.clone()%20).html();%20};jQuery.fn.extend({%20html2string:%20function
+()%20{%20return%20$('<div>').append(this.clone()).remove().html();%20
+}%20});})()" ADD_DATE="1270068277" LAST_MODIFIED="1290229496">add jQu
+ery to page</A>
    <DT><A HREF="javascript:(function(){    jQuery.fn.outerHTML=functi
+on(){return $('<div>').append(this.eq(0).clone()).html();};jQuery.fn.
+extend({html2string:function(){return $('<div>').append(this.clone())
+.remove().html();}});  alert( $('link[rel~=stylesheet]').html2string(
+) );    })()" ADD_DATE="1270068277" LAST_MODIFIED="1290229496">alert 
+link/css</A>
        <DT><H3 ADD_DATE="1290235287" LAST_MODIFIED="1290237558">set t
+heme</H3>
        <DL><p>
            <DT><A HREF="javascript:(function(){%20%20%20%20%20$('link
+[rel~=stylesheet]').remove();%20$('head').append('<link%20rel=%22styl
+esheet%22%20href=%22/css/common.css%22%20type=%22text/css%22>');%20$(
+'head').append('<link%20rel=%22stylesheet%22%20href=%22?node_id=20496
+2%22%20untitle=%22Blue%20Web-Safe%20theme%22%20type=%22text/css%22>')
+;%20%20%20%20})()" ADD_DATE="1290235369" LAST_MODIFIED="1290235381">B
+lue Web-Safe theme</A>
            <HR>
            <DT><A HREF="javascript:(function(){%20%20%20%20%20$('link
+[rel~=stylesheet]').remove();%20$('head').append('<link%20rel=%22styl
+esheet%22%20href=%22/css/common.css%22%20type=%22text/css%22>');%20$(
+'head').append('<link%20rel=%22stylesheet%22%20href=%22?node_id=2877%
+22%20untitle=%22Red%20theme%22%20type=%22text/css%22>');%20%20%20%20}
+)()" ADD_DATE="1290235401" LAST_MODIFIED="1290235406">Red theme</A>
            <DT><A HREF="javascript:(function(){%20%20%20%20%20$('link
+[rel~=stylesheet]').remove();%20$('head').append('<link%20rel=%22styl
+esheet%22%20href=%22/css/common.css%22%20type=%22text/css%22>');%20$(
+'head').append('<link%20rel=%22stylesheet%22%20href=%22?node_id=6181%
+22%20untitle=%22JBlue%20theme%22%20type=%22text/css%22>');%20%20%20%2
+0})()" ADD_DATE="1290235382" LAST_MODIFIED="1290235391">JBlue theme</
+A>
            <DT><A HREF="javascript:(function(){%20%20%20%20%20$('link
+[rel~=stylesheet]').remove();%20$('head').append('<link%20rel=%22styl
+esheet%22%20href=%22/css/common.css%22%20type=%22text/css%22>');%20$(
+'head').append('<link%20rel=%22stylesheet%22%20href=%22?node_id=5103%
+22%20untitle=%22Night%20Shift%20theme%22%20type=%22text/css%22>');%20
+%20%20%20})()" ADD_DATE="1290235352" LAST_MODIFIED="1290235366">Night
+ Shift theme</A>
            <DT><A HREF="javascript:(function(){%20%20%20%20%20$('link
+[rel~=stylesheet]').remove();%20$('head').append('<link%20rel=%22styl
+esheet%22%20href=%22/css/common.css%22%20type=%22text/css%22>');%20$(
+'head').append('<link%20rel=%22stylesheet%22%20href=%22?node_id=6182%
+22%20untitle=%22Green%20Web-Safe%20theme%22%20type=%22text/css%22>');
+%20%20%20%20})()" ADD_DATE="1290235338" LAST_MODIFIED="1290235349">Gr
+een Web-Safe theme</A>
            <DT><A HREF="javascript:(function(){%20%20%20%20%20$('link
+[rel~=stylesheet]').remove();%20$('head').append('<link%20rel=%22styl
+esheet%22%20href=%22/css/common.css%22%20type=%22text/css%22>');%20$(
+'head').append('<link%20rel=%22stylesheet%22%20href=%22?node_id=22726
+1%22%20untitle=%22Dark%20theme%22%20type=%22text/css%22>');%20%20%20%
+20})()" ADD_DATE="1290235330" LAST_MODIFIED="1290235335">Dark theme</
+A>
            <DT><A HREF="javascript:(function(){%20%20%20%20%20$('link
+[rel~=stylesheet]').remove();%20$('head').append('<link%20rel=%22styl
+esheet%22%20href=%22/css/common.css%22%20type=%22text/css%22>');%20$(
+'head').append('<link%20rel=%22stylesheet%22%20href=%22?node_id=40426
+7%22%20untitle=%22Perl-blue%20theme%22%20type=%22text/css%22>');%20%2
+0%20%20})()" ADD_DATE="1290235313" LAST_MODIFIED="1290235320">Perl-bl
+ue theme</A>
            <HR>
            <DT><A HREF="javascript:(function()%7B%20%20%20%20%20$('li
+nk[rel~=stylesheet]').remove();%20$('head').append('%3Clink%20rel=%22
+stylesheet%22%20href=%22/css/common.css%22%20type=%22text/css%22%3E')
+;%20$('head').append('%3Clink%20rel=%22stylesheet%22%20href=%22?node_
+id=227261%22%20untitle=%22Dark%20theme%22%20type=%22text/css%22%3E');
+%20$('head').append('%3Clink%20rel=%22stylesheet%22%20href=%22?abspar
+t=1;displaytype=displaycode;node_id=145882;part=1%22%20untitle=%22mdi
+llon%20Dark%20theme%22%20type=%22text/css%22%3E');%20%20%20%20%7D)()"
+ ADD_DATE="1290237738" LAST_MODIFIED="1290237738">145882 mdillon Dark
+ theme</A>
            <DT><A HREF="javascript:(function()%7B%20%20%20%20%20$('li
+nk[rel~=stylesheet]').remove();%20$('head').append('%3Clink%20rel=%22
+stylesheet%22%20href=%22/css/common.css%22%20type=%22text/css%22%3E')
+;%20$('head').append('%3Clink%20rel=%22stylesheet%22%20href=%22?node_
+id=227261%22%20untitle=%22Dark%20theme%22%20type=%22text/css%22%3E');
+%20$('head').append('%3Clink%20rel=%22stylesheet%22%20href=%22?abspar
+t=1;displaytype=displaycode;node_id=156642;part=1%22%20untitle=%22Jue
+rd%20Dark%20theme%22%20type=%22text/css%22%3E');%20%20%20%20%7D)()" A
+DD_DATE="1290237738" LAST_MODIFIED="1290237738">156642 Juerd Dark the
+me</A>
            <DT><A HREF="javascript:(function()%7B%20%20%20%20%20$('li
+nk[rel~=stylesheet]').remove();%20$('head').append('%3Clink%20rel=%22
+stylesheet%22%20href=%22/css/common.css%22%20type=%22text/css%22%3E')
+;%20$('head').append('%3Clink%20rel=%22stylesheet%22%20href=%22?node_
+id=227261%22%20untitle=%22Dark%20theme%22%20type=%22text/css%22%3E');
+%20$('head').append('%3Clink%20rel=%22stylesheet%22%20href=%22?abspar
+t=1;displaytype=displaycode;node_id=163260;part=1%22%20untitle=%22jef
+fa%20Dark%20theme%22%20type=%22text/css%22%3E');%20%20%20%20%7D)()" A
+DD_DATE="1290237738" LAST_MODIFIED="1290237738">163260 jeffa Dark the
+me</A>
            <DT><A HREF="javascript:(function()%7B%20%20%20%20%20$('li
+nk[rel~=stylesheet]').remove();%20$('head').append('%3Clink%20rel=%22
+stylesheet%22%20href=%22/css/common.css%22%20type=%22text/css%22%3E')
+;%20$('head').append('%3Clink%20rel=%22stylesheet%22%20href=%22?node_
+id=204962%22%20untitle=%22Blue%20Web-Safe%20theme%22%20type=%22text/c
+ss%22%3E');%20$('head').append('%3Clink%20rel=%22stylesheet%22%20href
+=%22?abspart=1;displaytype=displaycode;node_id=167905;part=1%22%20unt
+itle=%22Aristotle%20Blue%20Web-Safe%20theme%22%20type=%22text/css%22%
+3E');%20%20%20%20%7D)()" ADD_DATE="1290237738" LAST_MODIFIED="1290237
+738">167905 Aristotle Blue Web-Safe theme</A>
            <DT><A HREF="javascript:(function()%7B%20%20%20%20%20$('li
+nk[rel~=stylesheet]').remove();%20$('head').append('%3Clink%20rel=%22
+stylesheet%22%20href=%22/css/common.css%22%20type=%22text/css%22%3E')
+;%20$('head').append('%3Clink%20rel=%22stylesheet%22%20href=%22?node_
+id=204962%22%20untitle=%22Blue%20Web-Safe%20theme%22%20type=%22text/c
+ss%22%3E');%20$('head').append('%3Clink%20rel=%22stylesheet%22%20href
+=%22?abspart=1;displaytype=displaycode;node_id=401810;part=1%22%20unt
+itle=%22demerphq%20Blue%20Web-Safe%20theme%22%20type=%22text/css%22%3
+E');%20%20%20%20%7D)()" ADD_DATE="1290237738" LAST_MODIFIED="12902377
+38">401810 demerphq Blue Web-Safe theme</A>
            <DT><A HREF="javascript:(function()%7B%20%20%20%20%20$('li
+nk[rel~=stylesheet]').remove();%20$('head').append('%3Clink%20rel=%22
+stylesheet%22%20href=%22/css/common.css%22%20type=%22text/css%22%3E')
+;%20$('head').append('%3Clink%20rel=%22stylesheet%22%20href=%22?node_
+id=2877%22%20untitle=%22Red%20theme%22%20type=%22text/css%22%3E');%20
+$('head').append('%3Clink%20rel=%22stylesheet%22%20href=%22?abspart=1
+;displaytype=displaycode;node_id=177951;part=1%22%20untitle=%22greenF
+ox%20Red%20theme%22%20type=%22text/css%22%3E');%20%20%20%20%7D)()" AD
+D_DATE="1290237738" LAST_MODIFIED="1290237738">177951 greenFox Red th
+eme</A>
            <DT><A HREF="javascript:(function()%7B%20%20%20%20%20$('li
+nk[rel~=stylesheet]').remove();%20$('head').append('%3Clink%20rel=%22
+stylesheet%22%20href=%22/css/common.css%22%20type=%22text/css%22%3E')
+;%20$('head').append('%3Clink%20rel=%22stylesheet%22%20href=%22?node_
+id=204962%22%20untitle=%22Blue%20Web-Safe%20theme%22%20type=%22text/c
+ss%22%3E');%20$('head').append('%3Clink%20rel=%22stylesheet%22%20href
+=%22?abspart=1;displaytype=displaycode;node_id=193955;part=1%22%20unt
+itle=%22Django%20Blue%20Web-Safe%20theme%22%20type=%22text/css%22%3E'
+);%20%20%20%20%7D)()" ADD_DATE="1290237738" LAST_MODIFIED="1290237738
+">193955 Django Blue Web-Safe theme</A>
            <DT><A HREF="javascript:(function()%7B%20%20%20%20%20$('li
+nk[rel~=stylesheet]').remove();%20$('head').append('%3Clink%20rel=%22
+stylesheet%22%20href=%22/css/common.css%22%20type=%22text/css%22%3E')
+;%20$('head').append('%3Clink%20rel=%22stylesheet%22%20href=%22?node_
+id=6182%22%20untitle=%22Green%20Web-Safe%20theme%22%20type=%22text/cs
+s%22%3E');%20$('head').append('%3Clink%20rel=%22stylesheet%22%20href=
+%22?abspart=1;displaytype=displaycode;node_id=206834;part=1%22%20unti
+tle=%22samurai%20(khaki)%20Green%20Web-Safe%20theme%22%20type=%22text
+/css%22%3E');%20%20%20%20%7D)()" ADD_DATE="1290237738" LAST_MODIFIED=
+"1290237738">206834 samurai (khaki) Green Web-Safe theme</A>
            <DT><A HREF="javascript:(function()%7B%20%20%20%20%20$('li
+nk[rel~=stylesheet]').remove();%20$('head').append('%3Clink%20rel=%22
+stylesheet%22%20href=%22/css/common.css%22%20type=%22text/css%22%3E')
+;%20$('head').append('%3Clink%20rel=%22stylesheet%22%20href=%22?node_
+id=227261%22%20untitle=%22Dark%20theme%22%20type=%22text/css%22%3E');
+%20$('head').append('%3Clink%20rel=%22stylesheet%22%20href=%22?abspar
+t=1;displaytype=displaycode;node_id=278939;part=1%22%20untitle=%22Int
+repid%20(N.Y.P.M.Blue)%20Dark%20theme%22%20type=%22text/css%22%3E');%
+20%20%20%20%7D)()" ADD_DATE="1290237738" LAST_MODIFIED="1290237738">2
+78939 Intrepid (N.Y.P.M.Blue) Dark theme</A>
            <DT><A HREF="javascript:(function()%7B%20%20%20%20%20$('li
+nk[rel~=stylesheet]').remove();%20$('head').append('%3Clink%20rel=%22
+stylesheet%22%20href=%22/css/common.css%22%20type=%22text/css%22%3E')
+;%20$('head').append('%3Clink%20rel=%22stylesheet%22%20href=%22?abspa
+rt=1;displaytype=displaycode;node_id=310406;part=1%22%20untitle=%22Ro
+y%20Johnson%20(parchment/brown)%22%20type=%22text/css%22%3E');%20%20%
+20%20%7D)()" ADD_DATE="1290237738" LAST_MODIFIED="1290237738">310406 
+Roy Johnson (parchment/brown)</A>
            <DT><A HREF="javascript:(function()%7B%20%20%20%20%20$('li
+nk[rel~=stylesheet]').remove();%20$('head').append('%3Clink%20rel=%22
+stylesheet%22%20href=%22/css/common.css%22%20type=%22text/css%22%3E')
+;%20$('head').append('%3Clink%20rel=%22stylesheet%22%20href=%22?node_
+id=227261%22%20untitle=%22Dark%20theme%22%20type=%22text/css%22%3E');
+%20$('head').append('%3Clink%20rel=%22stylesheet%22%20href=%22?abspar
+t=1;displaytype=displaycode;node_id=872401;part=3%22%20untitle=%22kco
+tt%20Dark%20theme%22%20type=%22text/css%22%3E');%20%20%20%20%7D)()" A
+DD_DATE="1290237738" LAST_MODIFIED="1290237738">872401 kcott Dark the
+me</A>
            <HR>
            <DT><A HREF="javascript:(function()%7B%20%20%20%20%20$('li
+nk[rel~=stylesheet]').remove();%20$('head').append('%3Clink%20rel=%22
+stylesheet%22%20href=%22?abspart=1;displaytype=displaycode;node_id=49
+8037;part=2%22%20type=%22text/css%22%3E');%20%20%20%20%7D)()" ADD_DAT
+E="1290237738" LAST_MODIFIED="1290237738">498037 radiantmatrix Pumpki
+n Theme!</A>
            <DT><A HREF="javascript:(function()%7B%20%20%20%20%20$('li
+nk[rel~=stylesheet]').remove();%20$('head').append('%3Clink%20rel=%22
+stylesheet%22%20href=%22?abspart=1;displaytype=displaycode;node_id=41
+1815;part=1%22%20type=%22text/css%22%3E');%20%20%20%20%7D)()" ADD_DAT
+E="1290237738" LAST_MODIFIED="1290237738">411815 radiantmatrix A Soot
+hing Green Theme I've been using</A>
            <DT><A HREF="javascript:(function()%7B%20%20%20%20%20$('li
+nk[rel~=stylesheet]').remove();%20$('head').append('%3Clink%20rel=%22
+stylesheet%22%20href=%22?abspart=1;displaytype=displaycode;node_id=41
+1949;part=1%22%20type=%22text/css%22%3E');%20%20%20%20%7D)()" ADD_DAT
+E="1290237738" LAST_MODIFIED="1290237738">411949 radiantmatrix Fun wi
+th Aristotle's Perl-Blue theme</A>
        </DL><p>
    </DL>
</DL>

[download]
To use first click "add jQuery to the page" then go and "set theme", and wait for the stylesheets to load.

Based on PerlMonks CSS HOWTO, PerlMonks CSS Examples, User CSS Repository.

  • Comment on themes for Anonymous Monk or try out themes without changing display settings
  • Download Code

Replies are listed 'Best First'.
Re: themes for Anonymous Monk or try out themes without changing display settings
by Anonymous Monk on Nov 21, 2010 at 13:27 UTC
    Here is another bookmarklet, this one undoes code wrapping (removes red + and newline) 
    javascript:(function(){    
var Remover = function(i,e){
    this.previousSibling.nodeValue = this.previousSibling.nodeValue.re
+place(/\n$/,'');
    $(this).remove();
};
$('tt[class=codetext] font[color=red]:contains(+)').each(Remover);
$('tt[class=inlinecode] font[color=red]:contains(+)').each(Remover);
    })()

    [download]
[reply]
[d/l]
Re: themes for Anonymous Monk or try out themes without changing display settings
by ambrus (Abbot) on Nov 22, 2010 at 09:29 UTC

    Oh no! Now how will I know I'm logged in if it's possible to have a theme as Anonymous Monk! Oh, I know: the black background theme I'm using is not among those links.

[reply]
      link please :)
[reply]

        It keeps changing with the needs of the site, so I generally keep it on my scratchpad, but here's a snapshot of the important parts.

        Set your theme to "Dark theme", and add this to CSS settings: 

        /* css for ambrus in perlmonks.com */
/* color, supplementing the Dark theme */
input, textarea, select { background-color: #000000; color: #cccccc }
input[type="submit"] { background-color: #000000; color: #ffffff }
a:link { color: #8080ff }
a:visited { color: #a060d0 }
/* posts */
div.notetext { font-size: 100% }
tr.reply-body ul.indent font[size="2"] { font-size: 100% }
div.readmore { background-color: transparent; padding-left: 2px; borde
+r-left-width: 2px; border-left-color: #080; border-left-style: solid 
+}
/* nodelets */
tbody.nodelet td { font-size: 100%; background-color: #000000 }
#XP_Nodelet sup { vertical-align: text-top }
/* cb messages */
tbody.nodelet td.highlight { /* background-color: transparent */ }
tr.cb_msg td, tr.cb_me td { padding: 0px; text-indent: -0.6em; padding
+-left: 0.6em; }
/* cb speakers: */
span.chat span.cb_author *:link, span.chat span.cb_author *:visited { 
+font-size: 111% }
span.chat i > span.cb_author *:link , span.chat i > span.cb_author *:v
+isited { font-size: 111%; font-style: italic }
/* cb separators
span.chat span.cb_author:before { content: "\3d" }
span.chat i > span.cb_author:before { content: "\3d" }
span.chat span.cb_author:after { content: "\3d" }
span.chat i > span.cb_author:after { content: "" }
*/
span.chat span.cb_sq_br:first-child , span.chat  span.cb_sq_br , span.
+chat span.cb_me_bullet   { display: none }
/* span.chat span.cb_sep { } */
/* cb sidebar */
body#id-481185 input[name="message"] { width: 100%; }
body#id-481181 table.cb_table td { font-size: 17px }
/* increase some text areas */
*.user-settings textarea[name="setstyle"] { width: 80ex; height: 20em 
+}
/* misc */
div.ss-criteria-summary { display: none }

        [download]
[reply]
[d/l]

Back to Perl Monks Discussion