PerlMonks CSS Examples

[particle]

Category:

PerlMonks Related Scripts

Description:

Petrucio recently introduced the capability to apply Cascading Style Sheets (CSS) to PerlMonks, in his We Stylin'! node. Rich36 suggested a node for sample CSS files, and I've taken it upon myself to create a node dedicated to just that. although it cannot be linked directly to user pages, it should serve as a repository for everyone's creations.

my example is below... please feel free to add your own.

/* make the body grey with blue text, sans-serif font */
body, td, tr { color: #457; background: #ddd; }
body { font-family:Verdana,Arial,Helvetica,sans-serif; font-size: 10pt
+; }

/* give tables a light blue border, and make headings stand out */
table { color: #457; background: #9ac; }
table td h3 { color: #457; background: #9ac; padding: 0.5em;}

/* color links */
a, a font { color: #457; background: #eee; text-decoration: none; }
a:hover { color: #eee; background: #457; }

/* inline code blocks are dark blue on light blue,
   full code blocks are dark blue on light grey, bordered */
pre { color:#457; background:#eee; padding: 0.5em; border: 1px solid #
+457; }
tt { color:#ddd; background:#9ac; padding: 0 0.5em; }
pre tt { color: #457; background: transparent; border: none; }

/* override <font>...</font> tags */
font, b, strong { color: #457; background: transparent; }

/* err... um... nothing to see here! */
layer, iframe { display: none; }