I'm a CSS newbie. Still I liked the look of this theme and thought I'd try it out. I put the link 

http://www.perlmonks.org/index.pl?node_id=167905&displaytype=displayco
+de

[download]
into the Link to External CSS stylesheet: box and hit submit. Suddenly my User Settings page looked lovely.

However the Monastery Gates look awful. "New Questions" takes up a full browser screen.

I think the relevant html is here: 

  <tr class =" section_title" width =" 100%" border =" 1">
    <td class =" section_title" width =" 100%">
      New Questions
    </td>
  </tr>

[download]
I've copied your theme into my On-Site CSS Markup: code and made the following change: 
td.section_title {
   color: #fff;
   background-color: #069;
-  font-size: 26em;
+  font-size: 26px;
   font-family: Georgia, serif;
}

[download]

This looks heaps better.

I hope this helps.

jarich

In reply to Re: Perl-blue theme by jarich
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!
  • Titles consisting of a single word are discouraged, and in most cases are disallowed outright.
  • 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, details, 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, summary, 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.