summaryrefslogtreecommitdiff
path: root/share/style.css
diff options
context:
space:
mode:
Diffstat (limited to 'share/style.css')
-rw-r--r--share/style.css131
1 files changed, 131 insertions, 0 deletions
diff --git a/share/style.css b/share/style.css
new file mode 100644
index 0000000..8dec075
--- /dev/null
+++ b/share/style.css
@@ -0,0 +1,131 @@
+/* Design based on Bear blog: https://bearblog.dev */
+
+:root {
+ --width: 720px;
+ --font-main: Verdana, sans-serif;
+ --font-secondary: Verdana, sans-serif;
+ --font-scale: 1em;
+ --background-color: #fff;
+ --heading-color: #222;
+ --text-color: #444;
+ --link-color: #3273dc;
+ --visited-color: #8b6fcb;
+ --code-background-color: #f2f2f2;
+ --code-color: #222;
+ --blockquote-color: #222;
+}
+
+body {
+ font-family: var(--font-secondary);
+ font-size: var(--font-scale);
+ margin: auto;
+ padding: 20px;
+ max-width: var(--width);
+ text-align: left;
+ background-color: var(--background-color);
+ word-wrap: break-word;
+ overflow-wrap: break-word;
+ line-height: 1.5;
+ color: var(--text-color);
+}
+
+h1, h2, h3, h4, h5, h6 {
+ font-family: var(--font-main);
+ color: var(--heading-color);
+}
+
+/*time {
+ color: #00000090;
+}*/
+
+a {
+ color: var(--link-color);
+ cursor: pointer;
+ text-decoration: none;
+}
+
+a:hover {
+ text-decoration: underline;
+}
+
+nav a {
+ margin-right: 8px;
+}
+
+strong, b {
+ color: var(--heading-color);
+}
+
+button {
+ margin: 0;
+ cursor: pointer;
+}
+
+content {
+ line-height: 1.6;
+}
+
+table {
+ width: 100%;
+}
+
+hr {
+ border: 0;
+ border-top: 1px dashed;
+}
+
+img {
+ max-width: 100%;
+}
+
+code {
+ font-family: monospace;
+ padding: 2px;
+ color: var(--code-color);
+ border-radius: 3px;
+}
+
+blockquote {
+ border-left: 1px solid #999;
+ color: var(--code-color);
+ padding-left: 20px;
+ font-style: italic;
+}
+
+footer {
+ padding: 25px 0;
+ text-align: center;
+}
+
+.title:hover {
+ text-decoration: none;
+}
+
+.title h1 {
+ font-size: 1.5em;
+}
+
+.inline {
+ width: auto !important;
+}
+
+/* posts list */
+ul.posts {
+ list-style-type: none;
+ padding: unset;
+}
+
+ul.posts li {
+ display: flex;
+}
+
+ul.posts li span {
+ flex: 0 0 130px;
+}
+
+ul.posts time {
+}
+
+ul.posts li a:visited {
+ color: var(--visited-color);
+}