1
0
mirror of https://github.com/moparisthebest/xeps synced 2024-11-21 16:55:07 -05:00
xeps/prettify.css
Georg Lukas ae42b7761c Improve rendering of <example> and div.example HTML
This change unifiess the rendering for <example> and <div class=example>.
The former is rendered as HTML <pre>, the latter is taken over. This
patch does the following:

 * Merge <pre> CSS from prettify.js int xmpp.css
 * Give <pre> a blue-ish background derived from the caption color
 * Make the <pre> border use the caption color
 * Change div.example background color from neon yellow to a colder and lighter tone that matches the overall color theme
 * Add a border to div.example that fits its background color
 * Derive width for div.example from <pre>

P.S: Don't eat yellow snow!
2016-07-21 14:32:14 +02:00

27 lines
631 B
CSS
Executable File

/* Pretty printing styles. Used with prettify.js. */
.str { color: #080; }
.kwd { color: #008; }
.com { color: #800; }
.typ { color: #606; }
.lit { color: #066; }
.pun { color: #660; }
.pln { color: #000; }
.tag { color: #008; }
.atn { color: #606; }
.atv { color: #080; }
.dec { color: #606; }
@media print {
.str { color: #060; }
.kwd { color: #006; font-weight: bold; }
.com { color: #600; font-style: italic; }
.typ { color: #404; font-weight: bold; }
.lit { color: #044; }
.pun { color: #440; }
.pln { color: #000; }
.tag { color: #006; font-weight: bold; }
.atn { color: #404; }
.atv { color: #060; }
}