in reply to PerlMonks CSS Examples
A bright theme, but with toned down colors; contrast is high, but not stark. Vera (or Verdana) makes for excellent readability, and sparsely used Georgia provides eyecady.
A copy of the 2004-06-06 version is available as a proper theme in your Display Settings.
For newer versions, select the Blue Web-Safe Theme from your Display Settings and put index.pl?node_id=167905;displaytype=displaycode;part=1 in the Link to external CSS stylesheet field.
For a demo, just go to my homenode, which force-injects my stylesheet for all visitors. (Thanks to jeffa for the inspiration. :-) )
If your browser supports CSS Level 2, the look will be consistent. Mozilla is compliant; IE5 is broken and IE6 probably is too. Otherwise a number of elements that have no class of their own will remain in the theme's default darker blue.
body { color: #000; background-color: #eee; font-family: "Bitstream Vera Sans", Verdana, Arial, Lucida, Helvet +ica, sans-serif; } td, th { color: #000; font-family: "Bitstream Vera Sans", Verdana, Arial, Lucida, Helvet +ica, sans-serif; } a:link { color: #036; } a:visited { color: #06c; } h3.other, h3.superdoc, h3.categorized_answer, h3.categorized_question +{ font-size: 3em; font-style: italic; font-family: Georgia, serif; padding: 0.25em; } pre, tt { font-family: "Bitstream Vera Sans Mono", monospace; } tt { font-size: 1em; } font { font-size: inherit; font-family: inherit; } textarea { height: 25em; } input, select { margin: 3px; font-family: "Bitstream Vera Sans", Verdana, Arial, Lucida, Helvet +ica, sans-serif; } table[bgcolor="#000066"] { border: solid 1px black; background-color: #069; } .code { display: block; border: 1px solid #666; color: #069; padding: 1em; } td.section_title { color: #fff; background-color: #069; font-size: 2em; font-family: Georgia, serif; font-weight: bold; } tr.titlebar { background-color: #069; color: #fff; } tr.titlebar td { font-size: 1.5em; font-family: Georgia, serif; } tr.titlebar input#search_text { font-size: 0.3725em; margin-bottom: 0.5em; } table.nodelet_container { background-color: #069; } tbody.nodelet th, th.nodehead { color: #fff; background-color: #069; padding-right: 0.5em; text-align: right; } tbody.nodelet td, td.nodebody { background-color: #eee; } #approval_nodelet input[type="text"] { background: #fcc; } textarea[name="note_doctext"], input[name="note_title"] { font-family: monospace; width: 80%; } .spacer[height~="75"], a[href="http://pair.com"] { display: none; } * html body, * html td, * html th { font-size: smaller; }
Makeshifts last the longest.
|
---|
Replies are listed 'Best First'. | |
---|---|
Re: Perl-blue theme
by jarich (Curate) on Feb 19, 2004 at 08:35 UTC | |
by Aristotle (Chancellor) on Feb 20, 2004 at 18:12 UTC | |
Re: Perl-blue theme (Aristotle/Demerphq Blue)
by demerphq (Chancellor) on Oct 23, 2004 at 12:09 UTC | |
Re: Perl-blue theme
by mrpilot (Curate) on May 27, 2003 at 21:21 UTC | |
by Aristotle (Chancellor) on May 27, 2003 at 22:12 UTC | |
Re: Perl-blue theme
by vek (Prior) on Jun 25, 2004 at 23:01 UTC | |
by Aristotle (Chancellor) on Jul 09, 2004 at 13:18 UTC |