Initial commit.

Signed-off-by: Andreas Widen <aw@luflow.net>

static/css/sidebar.css

@@ -0,0 +1,94 @@
+/* luflow.net web site */
+/* Public domain 2025. All rights waived */
+
+.side-bar {
+    box-sizing: border-box;
+    color: #555753;
+    font-size: 0.9em;
+    padding: 30px 0px;
+}
+
+.bar-title {
+    color: #525252;
+    font-size: 14px;
+}
+
+.bar-list {
+    list-style-type: none;
+    padding: 0px;
+}
+
+.bar-item {
+    display: inline-block;
+    margin: 10px 5px;
+    vertical-align: top;
+}
+
+.bar-link:link,
+.bar-link:visited {
+    border-color: silver;
+    border-radius: 4px;
+    border-style: solid;
+    border-width: thin;
+    color: #525252;
+    padding: 5px 10px;
+    text-decoration: none;
+}
+
+.bar-link:active,
+.bar-link:focus,
+.bar-link:hover {
+    background-color: #ffcc00;
+    border-color: #d4aa00;
+}
+
+.feed-link {
+    background-image: url('/static/img/feed-bg-white.png');
+    background-position: bottom left;
+    background-repeat: no-repeat;
+}
+
+@media screen and (min-width: 1280px) {
+    .side-bar {
+        border-color: #999;
+        border-radius: 4px;
+        border-style: solid;
+        border-width: thin;
+        display: inline-block;
+        padding: 0px;
+        text-align: left;
+        vertical-align: top;
+        width: 250px;
+    }
+
+    .bar-title {
+        background-color: #f5f5f5;
+        font-weight: normal;
+        margin: 0px;
+        padding: 8px;
+    }
+
+    .bar-title-top {
+        border-radius: 4px 4px 0px 0px;
+    }
+
+    .bar-list {
+        margin: 0px;
+    }
+
+    .bar-item {
+        display: block;
+        margin: 0px;
+    }
+
+    .bar-link:link,
+    .bar-link:visited {
+        border-color: #f5f5f5;
+        border-radius: 0px;
+        border-style: solid none none none;
+        display: block;
+        margin: 0px;
+        padding: 8px 8px 8px 16px;
+        text-decoration: none;
+    }
+}