Graphical post separator

epicyon-profile.css

@@ -131,6 +131,9 @@
     --publish-button-vertical-offset: 10px;
     --banner-height: 15vh;
     --banner-height-mobile: 10vh;
+    --post-separator-margin: 0;
+    --post-separator-width: 95%;
+    --post-separator-height: 1px;
 }
 
 @font-face {
@@ -159,6 +162,13 @@ body, html {
     line-height: var(--line-spacing);
 }
 
+.postSeparatorImage img {
+    margin: var(--post-separator-margin) 0;
+    width: var(--post-separator-width);
+    height: var(--post-separator-height);
+    display: block;
+}
+
 hr.linksLine {
     margin: var(--column-left-header-line-margin);
     border: var(--column-left-header-line-width) solid var(--column-left-header-line-color);
@@ -997,7 +1007,7 @@ div.container {
         width: var(--column-left-width);
     }
     .col-left {
-	border: var(--column-left-border-width) solid var(--column-left-border-color);
+        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;
@@ -1037,7 +1047,7 @@ div.container {
         overflow: hidden;
     }
     .col-right {
-	border: var(--column-right-border-width) solid var(--column-left-border-color);
+        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);

theme.py

@@ -1131,6 +1131,8 @@ def setThemeIndymediaModern(baseDir: str):
 def setThemeSolidaric(baseDir: str):
     name = 'solidaric'
     themeParams = {
+        "post-separator-width": "98%",
+        "post-separator-height": "10px",
         "border-width-header": "0",
         "post-line-margin": "0 5%",
         "post-line-width": "1px",

webinterface.py

@@ -6801,6 +6801,15 @@ def htmlTimeline(cssCache: {}, defaultTimeline: str,
     # This changes depending upon theme
     iconsDir = getIconsDir(baseDir)
 
+    separatorImageFilename = iconsDir + '/separator.png'
+    separatorStr = ''
+    if os.path.isfile(separatorImageFilename):
+        separatorStr = \
+            '<div class="postSeparatorImage">' + \
+            '<img src="' + \
+            iconsDir.replace(baseDir, '/separator.png') + '"/>' + \
+            '</div>\n'
+
     # the css filename
     cssFilename = baseDir + '/epicyon-profile.css'
     if os.path.isfile(baseDir + '/epicyon.css'):
@@ -7271,7 +7280,8 @@ def htmlTimeline(cssCache: {}, defaultTimeline: str,
 
                 if currTlStr:
                     itemCtr += 1
-                    tlStr += '<hr class="postLine">\n'
+                    if separatorStr:
+                        tlStr += separatorStr
                     tlStr += currTlStr
         if boxName == 'tlmedia':
             tlStr += '</div>\n'