Beefy Boxes and Bandwidth Generously Provided by pair Networks
We don't bite newbies here... much
 
PerlMonks  

Comment on

( #3333=superdoc: print w/ replies, xml ) Need Help??

Ever since I wrote this node I have been meaning to make a PerlMonks light yellow theme... well here it is :) I used Aristotle's theme as a basis and worked from there. I originally intended to use it with the default theme but found it looks really good with the red theme.

It still needs a little work - the page width barfs occaisionaly resulting in a need to use the horizontal scroll bar and I haven't managed to change the background colour for the body of sub nodes without breaking everything. All in all I find it usable and soft on the eyes :) Not too bad for a complete CSS novice any-way... /msg me or reply if you have any clues/ideas for fixes.

/*Modified Aristotle CSS, Use with the red theme*/ body { color: #000000; background-color: #FFFFF2; font-size: 12pt; font-family: Verdana, Arial, Lucida, Helvetica, sans-serif; } td { color: #000000; font-size: 12px; /*font-family: Verdana, Arial, Lucida, Helvetica, sans-serif;*/ } tr.titlebar { background-color: #069; } tr.section_title, td.section_title { color: #ffffff; background-color: #069; font-family: Arial, Lucida, Helvetica, sans-serif; font-size: 18pt; font-weight: bold; font-style: italic; } tr.post_head { background-color: #ddd; } tr.post_head a { font-weight: bold; } tr.post_body td { padding-bottom: 2em; } td.nodelet_body { background-color: #FFFFF2; font-size: 12px; } tr.highlight { background-color: #ddd; } table.nodelet_container { background-color: #069; } td.nodelet_body { background-color: #FFFFF2; font-size: 11pt; } th.nodelet_head { font-family: Arial, Lucida, Helvetica, sans-serif; font-size: 14pt; font-weight: bold; font-style: italic; color: #fff; background-color: #069; } a:link { color: #CC0000; text-decoration: underline; } a:visited { color: #000055; text-decoration: underline; } a:hover { color: red; text-decoration: underline; } form { display: inline } /* Code blocks are boxed with light yellow background */ pre tt { display: block; background-color: #FFFFF2; border: 1px solid #000066; width: 90%; padding: 0px 2ex 2ex 2ex; }

Update: the latest version is always here here.

--
Do not seek to follow in the footsteps of the wise. Seek what they sought. -Basho


In reply to Re: PerlMonks CSS Examples by greenFox
in thread PerlMonks CSS Examples by particle

Title:
Use:  <p> text here (a paragraph) </p>
and:  <code> code here </code>
to format your post; it's "PerlMonks-approved HTML":



  • Posts are HTML formatted. Put <p> </p> tags around your paragraphs. Put <code> </code> tags around your code and data!
  • Read Where should I post X? if you're not absolutely sure you're posting in the right place.
  • Please read these before you post! —
  • Posts may use any of the Perl Monks Approved HTML tags:
    a, abbr, b, big, blockquote, br, caption, center, col, colgroup, dd, del, div, dl, dt, em, font, h1, h2, h3, h4, h5, h6, hr, i, ins, li, ol, p, pre, readmore, small, span, spoiler, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, wbr
  • You may need to use entities for some characters, as follows. (Exception: Within code tags, you can put the characters literally.)
            For:     Use:
    & &amp;
    < &lt;
    > &gt;
    [ &#91;
    ] &#93;
  • Link using PerlMonks shortcuts! What shortcuts can I use for linking?
  • See Writeup Formatting Tips and other pages linked from there for more info.
  • Log In?
    Username:
    Password:

    What's my password?
    Create A New User
    Chatterbox?
    and the web crawler heard nothing...

    How do I use this? | Other CB clients
    Other Users?
    Others cooling their heels in the Monastery: (10)
    As of 2015-07-29 02:02 GMT
    Sections?
    Information?
    Find Nodes?
    Leftovers?
      Voting Booth?

      The top three priorities of my open tasks are (in descending order of likelihood to be worked on) ...









      Results (260 votes), past polls