commit 20692a27cd86b3549c4d5a22b7c844b63a782cbe
parent a6afcd8ef52f724d3157ba82740ed4749b43bfe3
Author: Anders Damsgaard <anders@adamsgaard.dk>
Date: Tue, 9 Apr 2019 09:10:58 +0200
Add styling to bookmark page
Diffstat:
2 files changed, 50 insertions(+), 0 deletions(-)
diff --git a/.w3m/bookmark.html b/.w3m/bookmark.html
@@ -3,6 +3,7 @@
<head>
<meta charset="utf-8"/>
<title>Bookmarks</title>
+<link href="style.css" rel="stylesheet" media="screen">
</head>
<body>
<h1><a href="bookmarks.html">Bookmarks</a></h1>
diff --git a/.w3m/style.css b/.w3m/style.css
@@ -0,0 +1,49 @@
+/* https://jgthms.com/web-design-in-4-minutes/#header */
+
+body {
+ /* color: #555; */
+ /* color: #566b78; */
+ color: #4d4d4c;
+ margin: 0 auto;
+ max-width: 50rem;
+ font-family: "Helvetica", "Arial", sans-serif;
+ line-height: 1.5;
+ padding 4em 1em;
+ font-size: 12px;
+ overflow-y: scroll;
+ -webkit-text-size-adjust: 300%;
+}
+
+h1,
+h2,
+strong{
+ color: #333;
+ line-height: normal;
+}
+
+h2 {
+ margin-top: 0.5em;
+ padding-top: 0.5em;
+}
+
+code,
+pre {
+ /* background: #eee; */
+ background: #f5f7f9;
+ border-bottom: 1px solid #d8dee9;
+ color: #a7adba;
+}
+code {
+ padding: 2px 4px;
+ vertical-align: text-bottom;
+}
+pre {
+ padding: 1em;
+ border-left: 2px solid #69c;
+}
+
+a {
+ /* color: #e81c4f; */
+ color: #126b8c;
+ text-decoration: none;
+}
