Beefy Boxes and Bandwidth Generously Provided by pair Networks
laziness, impatience, and hubris

comment on

( [id://3333] : superdoc . print w/replies, xml ) Need Help??

I've adapted your CSS with some additional support for things like Recently Active Threads and various pmdev stuff as well. I took most of it from you with some stuff from mdillon and some of my own. Its pretty similar to yours but for a white box the main content and less fancy stuff. Thanks a lot your stuff made for a great foundation (both here and on your home node). Ill keep this updated as I go.

body { color: #000; background-color: #eee; font-size: smaller; font-family: "Bitstream Vera Sans", Verdana, Arial, Lucida, Helvet +ica, sans-serif; } td, th { color: #000; font-size: smaller; font-family: "Bitstream Vera Sans", Verdana, Arial, Lucida, Helvet +ica, sans-serif; } /* white page content */ td.main_content { background-color: #fff; } a:link { color: #036; } a:visited { color: #06c; } a.nnt-link:visited { color: #60f;} span.user-243505 {display:none; } /* hide im2 in OU list */ /* highlight specific users in OU */ .user-3607 a:link, .user-3607 a:visited, .user-22609 a:link, .user-22609 a:visited, .user-25047 a:link, .user-25047 a:visited, .user-108447 a:link, .user-108447 a:visited, .user-221638 a:link, .user-22168 a:visited, .user-272750 a:link, .user-272750 a:visited, .user-299049 a:link, .user-299049 a:visited, {color: #A00;} h3.other, h3.superdoc, h3.categorized_answer, h3.categorized_question { font-size: 28px; font-family: Georgia, serif; padding: 10px; } pre, tt { font-family: "Bitstream Vera Sans Mono", monospace; } tt { font-size: 14px; } textarea { height: 25em; } input, select { margin: 3px; font-size: 9pt; font-family: "Bitstream Vera Sans", Verdana, Arial, Lucida, Helvet +ica, sans-serif; } table[bgcolor="#000066"] { border: solid 1px black; background-color: #069; } td.section_title { color: #fff; background-color: #069; font-size: 26px; font-family: Georgia, serif; font-weight: bold; } tr.titlebar, td.titlebar, table.titlebar { background-color: #069; font-size: 26px; font-family: Georgia, serif; } table.nodelet_container { background-color: #069; } tbody.nodelet th, th.nodehead { color: #fff; background-color: #069; padding-right: 0.5em; text-align: right; } tr.add-root-blurb { background-color: #069; } tbody.nodelet td, td.nodebody { background-color: #eee; } #approval_nodelet input[type="text"] { background: #fcc; } textarea[name="note_doctext"], input[name="note_title"] { font-family: monospace; width: 80%; } .spacer[height~="75"], a[href=""] { display: none; } h2, h3 { margin-bottom: 5px; } h3 { padding-left: 6px; } li { list-style-type: none; } li div { margin-left: 2em; } q { display: block; } cite:before { content: "\2014\A0" } #quotes + * li { padding: 0.5em; } p.domain_link { text-align: center; } span.currentdomain { font-weight: bold; } span.node_id { font-weight: bold; } span.even {text-align: center; } tr.nodelet_head_row {font-size: 8pt; } /* i have pmdev/synch/adim nodelets on, this makes them look like a si +ngle nodelet or merged together */ #nodelet_head_row_Synch_Nodelet { display: none; } #nodelet_head_row_Admin_Nodelet { display: none; } /* make sure none of the above cause trouble for the RAT */ #nodethreads li {width: 100%;} #nodethreads ul { list-style: none; margin-left: 0; padding-left: 1em; text-indent: 0em; white-space:normal; } #nodethreads ul ul {border :0;} p.nnt-p-title { width: 70%; } p.nnt-author { width: 28%; } .code { display: block; color: #8f0; background-color: #333; border-left: solid #888 5px; padding: 10px 10px 10px 15px; /*font-size: 85%;*/ /*width: 93%;*/ margin-right: 0px; margin-left: auto; font-family: monospace; white-space: pre; white-space: -pre-wrap; } textarea { width: 90%; height: 300px; } /* make the pair banner go away, i like em, but im here too often */ #monkbar tr {display: none;} #monkbar tr.titlebar {display: block; } /* make sure that site code displays larger */ .listcode,.diff_strings { font-size: larger; } /* make user settings easier to use */ table.user-settings, .user-settings textarea { width: 100%; }

  1. Version 0. Birth -- 2004-10-23


    First they ignore you, then they laugh at you, then they fight you, then you win.
    -- Gandhi


In reply to Re: Perl-blue theme (Aristotle/Demerphq Blue) by demerphq
in thread PerlMonks CSS Examples by particle

Use:  <p> text here (a paragraph) </p>
and:  <code> code here </code>
to format your post; it's "PerlMonks-approved HTML":

  • Are you posting in the right place? Check out Where do I post X? to know for sure.
  • Posts may use any of the Perl Monks Approved HTML tags. Currently these include the following:
    <code> <a> <b> <big> <blockquote> <br /> <dd> <dl> <dt> <em> <font> <h1> <h2> <h3> <h4> <h5> <h6> <hr /> <i> <li> <nbsp> <ol> <p> <small> <strike> <strong> <sub> <sup> <table> <td> <th> <tr> <tt> <u> <ul>
  • Snippets of code should be wrapped in <code> tags not <pre> tags. In fact, <pre> tags should generally be avoided. If they must be used, extreme care should be taken to ensure that their contents do not have long lines (<70 chars), in order to prevent horizontal scrolling (and possible janitor intervention).
  • Want more info? How to link or How to display code and escape characters are good places to start.