From 1b2b7c3eb939724696894f31ff27db97b0cac84c Mon Sep 17 00:00:00 2001 From: Andreas Widen Date: Sat, 25 Nov 2023 17:21:37 +0100 Subject: Initial commit. Signed-off-by: Andreas Widen --- static/base/css/sidebar.css | 108 ++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 108 insertions(+) create mode 100644 static/base/css/sidebar.css (limited to 'static/base/css/sidebar.css') diff --git a/static/base/css/sidebar.css b/static/base/css/sidebar.css new file mode 100644 index 0000000..6e78cc5 --- /dev/null +++ b/static/base/css/sidebar.css @@ -0,0 +1,108 @@ +/* Harmonic Flow web site */ +/* Public domain 2017. All rights waived. */ + +.side-bar { + box-sizing: border-box; + color: #555753; + font-size: 0.9em; + padding: 30px 0px; +} + +.search-box { + border-style: none; + display: block; + height: 40px; + margin: 0px auto 10px auto; + overflow: hidden; + padding: 0px; + width: 90%; +} + +.bar-title { + color: #525252; + font-size: 14px; +} + +.bar-box-padded { + padding: 10px; +} + +.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; +} + +.bar-link:active, +.bar-link:focus, +.bar-link:hover { + background-color: #FFCC00; + border-color: #D4AA00; +} + +.feed-link { + background-image: url("/static/base/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; + } +} -- cgit v1.2.3-54-g00ecf