From 61f6047717da2a7d62153e277459b47b98170b98 Mon Sep 17 00:00:00 2001
From: Egor Tensin <Egor.Tensin@gmail.com>
Date: Sat, 1 Jul 2017 02:34:53 +0300
Subject: lighter background-color of <pre> and <code>

---
 css/common/misc.css | 24 ++++++++++++++++++++++--
 1 file changed, 22 insertions(+), 2 deletions(-)

(limited to 'css/common/misc.css')

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;
+}
-- 
cgit v1.2.3