diff options
| author | Egor Tensin <Egor.Tensin@gmail.com> | 2017-07-01 02:34:53 +0300 |
|---|---|---|
| committer | Egor Tensin <Egor.Tensin@gmail.com> | 2017-07-01 02:34:53 +0300 |
| commit | 61f6047717da2a7d62153e277459b47b98170b98 (patch) | |
| tree | 499266ebad3af79495a9ab0662617dc67746d9f9 | |
| parent | css: code style (diff) | |
| download | blog-61f6047717da2a7d62153e277459b47b98170b98.tar.gz blog-61f6047717da2a7d62153e277459b47b98170b98.zip | |
lighter background-color of <pre> and <code>
| -rw-r--r-- | css/common/misc.css | 24 | ||||
| -rw-r--r-- | css/syntax.css | 3 |
2 files changed, 23 insertions, 4 deletions
diff --git a/css/common/misc.css b/css/common/misc.css index 33dba8f..374f40a 100644 --- a/css/common/misc.css +++ b/css/common/misc.css @@ -1,10 +1,11 @@ +/* Utility classes to prevent blocks from expanding unreasonably. } .wide-enough { max-width: 400px; } .wider { max-width: 600px; } -/* "Header link" becomes blue inside of <hN><a>Header link</a></hN> otherwise. */ +/* Links become blue inside of <hN> elements otherwise. */ h1 a, h2 a, h3 a, @@ -13,10 +14,11 @@ h5 a, h6 a { color: inherit; } -/* Link captions become too close to badges on the sidebar. */ +/* Link captions might become too close to badges on the sidebar. */ span.badge { margin-left: .5em; } +/* Add horizontal scrollbars to <pre>s and don't wrap the code inside. */ pre { overflow-x: auto; } @@ -24,3 +26,21 @@ pre code { white-space: pre; word-wrap: normal; } +/* Lighter background for <pre> and <code> elements. */ +pre { + font-size: inherit; + background-color: #fbfbfb; +} +.highlight { + background-color: #fbfbfb !important; +} +code { + color: inherit; + background-color: #fbfbfb; + font-size: inherit; +} +/* Prevent <code> elements from standing out from alerts. */ +.alert code { + padding: 0; + background-color: inherit; +} diff --git a/css/syntax.css b/css/syntax.css index 73e2b40..855ae2c 100644 --- a/css/syntax.css +++ b/css/syntax.css @@ -1,6 +1,5 @@ -/* It's a slightly modified Pygments' "Autumn" theme. */ .highlight .hll { background-color: #ffffcc } -.highlight { background: #fafafa; } +.highlight { background: #ffffff; } .highlight .c { color: #aaaaaa; font-style: italic } /* Comment */ .highlight .err { color: #FF0000; background-color: #FFAAAA } /* Error */ .highlight .k { color: #0000aa } /* Keyword */ |