From 50c1dbeb3af0a0849202ef765c7be2771307856d Mon Sep 17 00:00:00 2001
From: Egor Tensin <Egor.Tensin@gmail.com>
Date: Sat, 1 Jul 2017 02:57:35 +0300
Subject: css: update common/

Merge css/common/*.css from cpp-notes (my other project).
It includes things like horizontal scrollbars inside <pre>s, lighter
background inside <pre> and <code>, etc.
---
 css/common/footer.css |  7 +++++++
 css/common/misc.css   | 26 ++++++++++++++++++++++++++
 2 files changed, 33 insertions(+)

diff --git a/css/common/footer.css b/css/common/footer.css
index 417b3d9..1e05c57 100644
--- a/css/common/footer.css
+++ b/css/common/footer.css
@@ -6,6 +6,13 @@ html, body {
   height: 100%;
   width: 100%;
   display: table;
+
+  /*
+   * Without this property, scrollbars inside <pre> elements don't work if
+   * display's width is less than 750px.
+   * God, I hate CSS.
+   */
+  table-layout: fixed;
 }
 .footer-wrapper-collapse {
   display: table-row;
diff --git a/css/common/misc.css b/css/common/misc.css
index 95b80bf..edca6b0 100644
--- a/css/common/misc.css
+++ b/css/common/misc.css
@@ -5,6 +5,27 @@
 .wider {
   max-width: 600px;
 }
+/* Links become blue inside of <hN> elements otherwise. */
+h1 a,
+h2 a,
+h3 a,
+h4 a,
+h5 a,
+h6 a {
+  color: inherit;
+}
+/* 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;
+}
+pre code {
+  white-space: pre;
+  word-wrap: normal;
+}
 /* Lighter background for <pre> and <code> elements. */
 pre {
   font-size: inherit;
@@ -18,3 +39,8 @@ code {
   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