tea.mathoverflow.net - Discussion Feed (shaded backgrounds)

Harald Hanche-Olsen comments on "shaded backgrounds" (9768)

Harald Hanche-Olsen — Thu, 21 Oct 2010 04:18:36 -0700

Maybe you were seeing things, or maybe not. Meanwhile, the CSS seems to have reverted back to its previous state. Is some automatic process undoing Scott's changes? (Edit: Er, no, I guess my browser had cached an old vanilla.css. After I prodded it a bit, it works like it should.)

Andrew Stacey comments on "shaded backgrounds" (9766)

Andrew Stacey — Thu, 21 Oct 2010 02:48:34 -0700

Well, I'm pretty sure that when I looked at it in Firebug to see what to do then the inline code blocks were also wrapped in pre blocks. Either Scott's fixed that or I was seeing things. Anyway, looks great now.

Harald Hanche-Olsen comments on "shaded backgrounds" (9751)

Harald Hanche-Olsen — Wed, 20 Oct 2010 14:49:21 -0700

@Scott: That's fine, unless you also want to also add

#Comments pre code {padding: 8px 16px;}

for visual consistency with blockquotes.

@Andrew: Now you have me confused. The new CSS seems to work find, and I don't see any pre blocks surrounding inline code here?

Andrew Stacey comments on "shaded backgrounds" (9750)

Andrew Stacey — Wed, 20 Oct 2010 13:21:55 -0700

Sadly, the default Markdown installation on vanilla puts inline code in the pre block as well so adding the display: block to the pre environment has the same effect as it had on the code tag. I have a suspicion that I hacked Markdown to fix this. I'll take a look tomorrow.

Scott Morrison comments on "shaded backgrounds" (9749)

Scott Morrison — Wed, 20 Oct 2010 13:17:46 -0700

Thanks Harald -- I've implemented that too. Anything else on CSS?

Harald Hanche-Olsen comments on "shaded backgrounds" (9745)

Harald Hanche-Olsen — Wed, 20 Oct 2010 12:26:08 -0700

Yes, better. But better still if you add something like #Comments pre code {…; display: block;} where … is the left border you took out of the declaration for code. So that inline code blocks will work like the non-inline ones used to:

This is a sample inline block.
It is three lines long,
indented by four spaces and surrounded by blank lines in the markdown source.

(@Andrew: pre-wrap must be CSS 3? I don't see anything about it in the CSS 2 spec. Later: Oh, never mind.)

Scott Morrison comments on "shaded backgrounds" (9744)

Scott Morrison — Wed, 20 Oct 2010 11:47:32 -0700

Okay, changed something else about a frame, and decreased the padding a little. Are we okay now?

Scott Morrison comments on "shaded backgrounds" (9742)

Scott Morrison — Wed, 20 Oct 2010 11:34:12 -0700

Hmm. That seems to have broken things worse!

Andrew Stacey comments on "shaded backgrounds" (9721)

Andrew Stacey — Wed, 20 Oct 2010 00:59:54 -0700

Find the file vanilla.css and edit it. That's, in fact, the most annoying part because the file is "compacted" meaning that they took out all unnecessary whitespace - including line breaks! You can just replace it with vanilla.src.css from the src directory, or you can edit the vanilla.src.css, compactify it, and then replace vanilla.css with the compactified version. (I have a recollection of saying this before ...). Anyway, the bit you want to find is #Comments code. In there, there's a setting display: block;. Remove that. I also recommend making the white-space pre-wrap instead of pre.

Scott Morrison comments on "shaded backgrounds" (9715)

Scott Morrison — Tue, 19 Oct 2010 21:16:33 -0700

@Andrew, want to tell me what to do?

Andrew Stacey comments on "shaded backgrounds" (9639)

Andrew Stacey — Mon, 18 Oct 2010 02:08:26 -0700

Yeah, inline code is broken on meta (it's a simple CSS fix ...).

Harry Gindi comments on "shaded backgrounds" (9638)

Harry Gindi — Mon, 18 Oct 2010 02:07:14 -0700

Wait,

       Blah

Nifty!

Andrew Stacey comments on "shaded backgrounds" (9632)

Andrew Stacey — Mon, 18 Oct 2010 00:40:48 -0700

The blue backgrounds are for quotations:

I see people posting things in shaded boxes and I was wondering how one does that. Can someone enlighten me?

The yellow backgrounds are for code:

I see people posting things in shaded boxes and I was wondering how one does that.
Can someone enlighten me?

Both are achieved using standard Markdown syntax (pretty much the same as on the main MO site): for quotations, prepend with >, for code, indent by at least four spaces. For more on the syntax, take a look at the original documentation

Sándor Kovács comments on "shaded backgrounds" (9628)

Sándor Kovács — Sun, 17 Oct 2010 23:41:51 -0700

I see people posting things in shaded boxes and I was wondering how one does that. Can someone enlighten me? Thanks!
[Just in case, what I mean is for example Anton Geraschenko's post in http://tea.mathoverflow.net/discussion/34/tag-mergerename-requests/#Item_0]