diff options
| -rw-r--r-- | css/common/footer.css | 7 | ||||
| -rw-r--r-- | css/common/misc.css | 26 |
2 files changed, 33 insertions, 0 deletions
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; +} |