From b6cabed32c54c080784d7338ec97eaab606ed87b Mon Sep 17 00:00:00 2001 From: Bob Mottram Date: Fri, 6 Nov 2020 21:42:15 +0000 Subject: [PATCH] Modern theme styling --- epicyon-profile.css | 9 +++++++++ theme.py | 5 +++++ 2 files changed, 14 insertions(+) diff --git a/epicyon-profile.css b/epicyon-profile.css index a8a92948..3686ce84 100644 --- a/epicyon-profile.css +++ b/epicyon-profile.css @@ -89,7 +89,12 @@ --column-left-header-size: 20px; --column-left-header-size-mobile: 50px; --column-left-header-line-color: #555; + --column-left-border-width: 0; + --column-right-border-width: 0; + --column-left-border-color: black; --column-left-header-line-width: 0; + --column-left-header-line-margin: 2%; + --post-line-margin: 2%; --post-line-width: 0; --column-left-icon-size: 20%; --column-left-icon-size-mobile: 10%; @@ -152,10 +157,12 @@ body, html { } hr.linksLine { + margin: var(--column-left-header-line-margin); border: var(--column-left-header-line-width) solid var(--column-left-header-line-color); } hr.postLine { + margin: var(--post-line-margin); border: var(--post-line-width) solid var(--column-left-header-line-color); } @@ -981,6 +988,7 @@ div.container { width: var(--column-left-width); } .col-left { + border: var(--column-left-border-width) solid var(--column-left-border-color); color: var(--column-left-fg-color); font-size: var(--font-size-links); float: left; @@ -1021,6 +1029,7 @@ div.container { overflow: hidden; } .col-right { + border: var(--column-right-border-width) solid var(--column-left-border-color); background-color: var(--column-left-color); color: var(--column-left-fg-color); font-size: var(--font-size-links); diff --git a/theme.py b/theme.py index 5941c8a6..eae5c485 100644 --- a/theme.py +++ b/theme.py @@ -1019,6 +1019,11 @@ def setThemeIndymediaModern(baseDir: str): fontStrItalic = \ "url('./fonts/NimbusSanL-italic.otf') format('opentype')" themeParams = { + "column-left-header-line-margin": "2%", + "post-line-margin": "2%", + "column-left-border-width": "1px", + "column-right-border-width": "1px", + "column-left-border-color": "#BBBBBB", "column-left-header-line-color": "#BBBBBB", "column-left-header-line-width": "1px", "post-line-width": "1px",