Comment on

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

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

Outside of code tags, you may need to use entities for some characters:

	For:		Use:
	&		`&`
	<		`<`
	>		`>`
	[		`[`
	]		`]`

Link using PerlMonks shortcuts! What shortcuts can I use for linking?

See Writeup Formatting Tips and other pages linked from there for more info.


Just another Perl shrine
	PerlMonks

Comment on

How many continents have you visited?