Put class name on <pre>, rather than <code>

Better CSS styling options ensue, if we put
the class='lang' on the <pre> element.

(Suggested by Casper Gripenberg)
This commit is contained in:
Jacques Distler 2009-07-06 15:30:35 -05:00
parent 573af987bc
commit ef5878cf11
3 changed files with 54 additions and 54 deletions

View file

@ -41,30 +41,30 @@ span.theorem_label {font-style:normal; font-weight:bold;}
.num_note .theorem_label:after {
content: " " counter(note); counter-increment: note;}
code.ruby .normal {}
code.ruby span.attribute { color: #090; }
code.ruby span.char { color: #F00; }
code.ruby span.class { color: #A020F0; font-weight: bold; }
code.ruby span.comment { color: #00F; }
code.ruby span.constant { color: #008B8B; }
code.ruby span.escape { color: #6A5ACD; }
code.ruby span.expr { color: #22C; }
code.ruby span.global { color: #1A4; }
code.ruby span.ident { color: #004; }
code.ruby span.keyword { color: #A52A2A; font-weight: bold; }
code.ruby span.method { color: #008B8B; }
code.ruby span.module { color: #A020F0; font-weight: bold; }
code.ruby span.number { color: #D0D; }
code.ruby span.punct { color: #6A5ACD; }
code.ruby span.regex { color: #D0D; }
code.ruby span.string { color: #D0D; }
code.ruby span.symbol { color: #008B8B; }
pre.ruby .normal {}
pre.ruby span.attribute { color: #090; }
pre.ruby span.char { color: #F00; }
pre.ruby span.class { color: #A020F0; font-weight: bold; }
pre.ruby span.comment { color: #00F; }
pre.ruby span.constant { color: #008B8B; }
pre.ruby span.escape { color: #6A5ACD; }
pre.ruby span.expr { color: #22C; }
pre.ruby span.global { color: #1A4; }
pre.ruby span.ident { color: #004; }
pre.ruby span.keyword { color: #A52A2A; font-weight: bold; }
pre.ruby span.method { color: #008B8B; }
pre.ruby span.module { color: #A020F0; font-weight: bold; }
pre.ruby span.number { color: #D0D; }
pre.ruby span.punct { color: #6A5ACD; }
pre.ruby span.regex { color: #D0D; }
pre.ruby span.string { color: #D0D; }
pre.ruby span.symbol { color: #008B8B; }
code.xml .normal {}
code.xml .namespace { color: #D66; font-weight: bold; }
code.xml .tag { color: #F55; }
code.xml .comment { color: #070; font-style: italic; }
code.xml .punct { color: #449; font-weight: bold; }
code.xml .string { color: #949; }
code.xml .number { color: #F99; }
code.xml .attribute { color: #771; }
pre.xml .normal {}
pre.xml .namespace { color: #D66; font-weight: bold; }
pre.xml .tag { color: #F55; }
pre.xml .comment { color: #070; font-style: italic; }
pre.xml .punct { color: #449; font-weight: bold; }
pre.xml .string { color: #949; }
pre.xml .number { color: #F99; }
pre.xml .attribute { color: #771; }

View file

@ -448,30 +448,30 @@ span.theorem_label {font-style:normal; font-weight:bold;}
.num_note .theorem_label:after {
content: " " counter(note); counter-increment: note;}
code.ruby .normal {}
code.ruby span.attribute { color: #090; }
code.ruby span.char { color: #F00; }
code.ruby span.class { color: #A020F0; font-weight: bold; }
code.ruby span.comment { color: #00F; }
code.ruby span.constant { color: #008B8B; }
code.ruby span.escape { color: #6A5ACD; }
code.ruby span.expr { color: #22C; }
code.ruby span.global { color: #1A4; }
code.ruby span.ident { color: #004; }
code.ruby span.keyword { color: #A52A2A; font-weight: bold; }
code.ruby span.method { color: #008B8B; }
code.ruby span.module { color: #A020F0; font-weight: bold; }
code.ruby span.number { color: #D0D; }
code.ruby span.punct { color: #6A5ACD; }
code.ruby span.regex { color: #D0D; }
code.ruby span.string { color: #D0D; }
code.ruby span.symbol { color: #008B8B; }
pre.ruby .normal {}
pre.ruby span.attribute { color: #090; }
pre.ruby span.char { color: #F00; }
pre.ruby span.class { color: #A020F0; font-weight: bold; }
pre.ruby span.comment { color: #00F; }
pre.ruby span.constant { color: #008B8B; }
pre.ruby span.escape { color: #6A5ACD; }
pre.ruby span.expr { color: #22C; }
pre.ruby span.global { color: #1A4; }
pre.ruby span.ident { color: #004; }
pre.ruby span.keyword { color: #A52A2A; font-weight: bold; }
pre.ruby span.method { color: #008B8B; }
pre.ruby span.module { color: #A020F0; font-weight: bold; }
pre.ruby span.number { color: #D0D; }
pre.ruby span.punct { color: #6A5ACD; }
pre.ruby span.regex { color: #D0D; }
pre.ruby span.string { color: #D0D; }
pre.ruby span.symbol { color: #008B8B; }
code.xml .normal {}
code.xml .namespace { color: #D66; font-weight: bold; }
code.xml .tag { color: #F55; }
code.xml .comment { color: #070; font-style: italic; }
code.xml .punct { color: #449; font-weight: bold; }
code.xml .string { color: #949; }
code.xml .number { color: #F99; }
code.xml .attribute { color: #771; }
pre.xml .normal {}
pre.xml .namespace { color: #D66; font-weight: bold; }
pre.xml .tag { color: #F55; }
pre.xml .comment { color: #070; font-style: italic; }
pre.xml .punct { color: #449; font-weight: bold; }
pre.xml .string { color: #949; }
pre.xml .number { color: #F99; }
pre.xml .attribute { color: #771; }

View file

@ -574,10 +574,10 @@ and
code = Document.new(html, {:respect_whitespace =>:all}).root
code.name = 'code'
code.attributes['class'] = lang
code.attributes['lang'] = lang
pre = Element.new 'pre'
pre.attributes['class'] = lang
pre << code
pre
rescue LoadError => e