Beefy Boxes and Bandwidth Generously Provided by pair Networks
Pathologically Eclectic Rubbish Lister
 
PerlMonks  

Re^2: <readmore> for [Anonymous Monk] renders with a background, how about only an outline?

by ambrus (Abbot)
on Jul 05, 2012 at 10:43 UTC ( #980019=note: print w/ replies, xml ) Need Help??


in reply to Re: <readmore> for [Anonymous Monk] renders with a background, how about only an outline?
in thread <readmore> for [Anonymous Monk] renders with a background, how about only an outline?

I'm using a similar CSS rule that adds a green bar on the left hand side of readmored content. Note that I'm using a black background with bright grey text the color might not work well on a bright background.

div.readmore { background-color: transparent; padding-left: 2px; borde +r-left-width: 2px; border-left-color: #080; border-left-style: solid +}

Here's a readmore and a snapshot of my whole user CSS.

/* css for ambrus in perlmonks.com */ /* color, supplementing the Dark theme */ input, textarea, select { background-color: #000000; color: #cccccc } input[type="submit"] { background-color: #000000; color: #ffffff } a:link { color: #8080ff } a:visited { color: #a060d0 } /* posts */ div.notetext { font-size: 100% } tr.reply-body ul.indent font[size="2"] { font-size: 100% } div.readmore { background-color: transparent; padding-left: 2px; borde +r-left-width: 2px; border-left-color: #080; border-left-style: solid +} /* nodelets */ tbody.nodelet td { font-size: 100%; background-color: #000000 } #XP_Nodelet sup { vertical-align: text-top } tbody.nodelet .inline-list > li:before { content: " "; } tbody.nodelet#Find_Nodes .inline-list > li { display: block; } .nodelet#Leftovers ul#external { display: none; } /* cb messages */ tbody.nodelet td.highlight { /* background-color: transparent */ } tr.cb_msg td, tr.cb_me td { padding: 0px; text-indent: -0.6em; padding +-left: 0.6em; } /* cb speakers: */ span.chat span.cb_author *:link, span.chat span.cb_author *:visited { +font-size: 111% } span.chat i > span.cb_author *:link , span.chat i > span.cb_author *:v +isited { font-size: 111%; font-style: italic } /* cb separators span.chat span.cb_author:before { content: "\3d" } span.chat i > span.cb_author:before { content: "\3d" } span.chat span.cb_author:after { content: "\3d" } span.chat i > span.cb_author:after { content: "" } */ span.chat span.cb_sq_br:first-child , span.chat span.cb_sq_br , span. +chat span.cb_me_bullet { display: none } /* span.chat span.cb_sep { } */ /* cb sidebar */ body#id-481185 input[name="message"] { width: 100%; } body#id-481181 table.cb_table td { font-size: 17px } /* increase some text areas */ *.user-settings textarea[name="setstyle"] { width: 80ex; height: 20em +} /* show levels next to attributions */ /*.attribution-title { display: inline; }*/ /* misc */ div.ss-criteria-summary { display: none } /* TEMP */ /*"http://cruft.de/lr.css"*/ /*tbody[id="XP_Nodelet"] { display: none; color: lime }*/ /*.nnt-line-incidental .nnt-link { background-color: orange; }*/ /*ul ul ul { padding-left: 0px }*/ /* body#id-11911 .nodelets { display: none } */


Comment on Re^2: <readmore> for [Anonymous Monk] renders with a background, how about only an outline?
Select or Download Code

Log In?
Username:
Password:

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

How do I use this? | Other CB clients
Other Users?
Others browsing the Monastery: (4)
As of 2015-07-04 00:26 GMT
Sections?
Information?
Find Nodes?
Leftovers?
    Voting Booth?

    The top three priorities of my open tasks are (in descending order of likelihood to be worked on) ...









    Results (57 votes), past polls