diff options
author | EuAndreh <eu@euandre.org> | 2022-09-02 11:46:25 -0300 |
---|---|---|
committer | EuAndreh <eu@euandre.org> | 2022-09-02 11:46:25 -0300 |
commit | a8e9c00aa1e9d0528f72334f675eceb958be6e0e (patch) | |
tree | c3cd72fafa4e2a0e9afe5f86062030661320aa9a /v2/src/content/static/styles.css | |
parent | .gitignore: Ignore logs/ directory (diff) | |
download | euandre.org-a8e9c00aa1e9d0528f72334f675eceb958be6e0e.tar.gz euandre.org-a8e9c00aa1e9d0528f72334f675eceb958be6e0e.tar.xz |
v2/: WIP rewrite using Make over Jekyll
Diffstat (limited to 'v2/src/content/static/styles.css')
-rw-r--r-- | v2/src/content/static/styles.css | 149 |
1 files changed, 149 insertions, 0 deletions
diff --git a/v2/src/content/static/styles.css b/v2/src/content/static/styles.css new file mode 100644 index 0000000..0ec67a8 --- /dev/null +++ b/v2/src/content/static/styles.css @@ -0,0 +1,149 @@ +/* General declarations */ + +body { + margin: 0px auto; + padding: 1%; + max-width: 750px; +} + +.svg-icon { + vertical-align: middle; +} + + +/* Navigation header */ + +nav a { + color: maroon; + font-size: 18px; + margin: 12px; + text-decoration: none; +} + +nav ul, nav li { + display: inline; +} + +nav ul li a { + color: black; + font-size: 14px; + margin: 6px; +} + + +/* Article bodies */ + +.timestamp { + color: #555; + font-size: 14px; + font-style: italic; +} + +blockquote { + font-style: italic; + color: dimgrey; + padding-left: 10px; + border-left: 3px solid #ccc; +} + +ul.no-style { + list-style-type: none; +} + +ul.no-style li { + margin: 20px 0px; +} + + +/* Footer */ + +footer { + font-size: 14px; + margin-top: 30px; + padding: 12px 0px 12px 0px; +} + +footer li { + list-style-type: none; + margin-top: 10px; +} + +footer li a { + margin-left: 5px; + user-select: none; +} + +/* Code blocks */ + +/* The "lineno" class is the default generated by Rouge for table-row in code blocks, see: + https://github.com/rouge-ruby/rouge */ +.line-number, pre.lineno { + margin-right: 3px; + padding-right: 3px; + border-right: 1px solid; + border-color: hsla(0, 0%, 0%, 0.3); + text-align: right; + user-select: none; +} + +.code-line { + padding-left: 8px; +} + +.code-block { + padding: 6px 4px; + display: block; +} + +.code-block, pre.highlight { + border: 1px solid #ccc; + border-radius: 10px; +} + +pre { + overflow: auto; +} + + +/* Code block anchors */ + +.line-number a, a.code-line-anchor { + color: black; + text-decoration: none; +} + +a.code-line-anchor:hover { + text-decoration: underline; +} + + +/* Header anchor */ + +.header-anchor { + color: black; + text-decoration: none; + display: block; + margin-bottom: 15px; +} + +.header-anchor { +} + + +.header-anchor img { + margin-left: 5px; + visibility: hidden; +} + +.header-anchor:hover img { + visibility: visible; +} + + +/* Plaintext code block links */ + +.plaintext-link { + margin: auto auto 0 auto; + text-align: right; + font-family: monospace; +} |