aboutsummaryrefslogtreecommitdiffstatshomepage
path: root/css
diff options
context:
space:
mode:
authorEgor Tensin <Egor.Tensin@gmail.com>2017-07-01 02:34:53 +0300
committerEgor Tensin <Egor.Tensin@gmail.com>2017-07-01 02:34:53 +0300
commit61f6047717da2a7d62153e277459b47b98170b98 (patch)
tree499266ebad3af79495a9ab0662617dc67746d9f9 /css
parentcss: code style (diff)
downloadjekyll-theme-61f6047717da2a7d62153e277459b47b98170b98.tar.gz
jekyll-theme-61f6047717da2a7d62153e277459b47b98170b98.zip
lighter background-color of <pre> and <code>
Diffstat (limited to 'css')
-rw-r--r--css/common/misc.css24
-rw-r--r--css/syntax.css3
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 */