Beefy Boxes and Bandwidth Generously Provided by pair Networks
good chemistry is complicated,
and a little bit messy -LW
 
PerlMonks  

(new and improved) Re: PerlMonks CSS Examples

by particle (Vicar)
on Apr 23, 2002 at 00:51 UTC ( #161185=note: print w/ replies, xml ) Need Help??


in reply to PerlMonks CSS Examples

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 ;


Comment on (new and improved) Re: PerlMonks CSS Examples
Download Code

Log In?
Username:
Password:

What's my password?
Create A New User
Node Status?
node history
Node Type: note [id://161185]
help
Chatterbox?
and the web crawler heard nothing...

How do I use this? | Other CB clients
Other Users?
Others chanting in the Monastery: (8)
As of 2014-07-23 22:09 GMT
Sections?
Information?
Find Nodes?
Leftovers?
    Voting Booth?

    My favorite superfluous repetitious redundant duplicative phrase is:









    Results (153 votes), past polls