(new and improved) Re: PerlMonks CSS Examples

[particle]

i've updated my example for the new nodelet css tags. it should be clear from my example how to take advantage of these tags for yourself.

/* 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; }

/* make small fonts readable */
small { font-size: 8pt; }
smaller { font-size: 7pt; }

/* nodelet settings */
tr.nodelet_head { display:none; } /* who needs em? */
td.nodelet_body { font-size: 7pt; font-weight: normal; background: #dd
+d; }
td.nodelet_body a { background: #ddd; }
td.nodelet_body a:hover { color: #ddd; background: #457; }
#XP_Nodelet td b { font-size: 10pt; font-weight: bold; }
#Chatterbox td { font-size: 8pt; font-weight: normal; }
#Chatterbox a, #approval_nodelet a { display: inline; font-size: 7pt; 
+font-weight: bold; }
#Other_Users td { display: block; }

/* clearpixel-- still takes up space with images turned off in setting
+s */
img { display: none; }

/* but i do want home node pictures */
table table img { display: inline; }

/* i don't browse full screen to have a small textarea :) */
textarea { width: 100%; height: 300px; }

~Particle ;Þ