Modern theme styling

merge-requests/30/head
Bob Mottram 2020-11-06 21:42:15 +00:00
parent aad1cd0623
commit b6cabed32c
2 changed files with 14 additions and 0 deletions

View File

@ -89,7 +89,12 @@
--column-left-header-size: 20px; --column-left-header-size: 20px;
--column-left-header-size-mobile: 50px; --column-left-header-size-mobile: 50px;
--column-left-header-line-color: #555; --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-width: 0;
--column-left-header-line-margin: 2%;
--post-line-margin: 2%;
--post-line-width: 0; --post-line-width: 0;
--column-left-icon-size: 20%; --column-left-icon-size: 20%;
--column-left-icon-size-mobile: 10%; --column-left-icon-size-mobile: 10%;
@ -152,10 +157,12 @@ body, html {
} }
hr.linksLine { hr.linksLine {
margin: var(--column-left-header-line-margin);
border: var(--column-left-header-line-width) solid var(--column-left-header-line-color); border: var(--column-left-header-line-width) solid var(--column-left-header-line-color);
} }
hr.postLine { hr.postLine {
margin: var(--post-line-margin);
border: var(--post-line-width) solid var(--column-left-header-line-color); border: var(--post-line-width) solid var(--column-left-header-line-color);
} }
@ -981,6 +988,7 @@ div.container {
width: var(--column-left-width); width: var(--column-left-width);
} }
.col-left { .col-left {
border: var(--column-left-border-width) solid var(--column-left-border-color);
color: var(--column-left-fg-color); color: var(--column-left-fg-color);
font-size: var(--font-size-links); font-size: var(--font-size-links);
float: left; float: left;
@ -1021,6 +1029,7 @@ div.container {
overflow: hidden; overflow: hidden;
} }
.col-right { .col-right {
border: var(--column-right-border-width) solid var(--column-left-border-color);
background-color: var(--column-left-color); background-color: var(--column-left-color);
color: var(--column-left-fg-color); color: var(--column-left-fg-color);
font-size: var(--font-size-links); font-size: var(--font-size-links);

View File

@ -1019,6 +1019,11 @@ def setThemeIndymediaModern(baseDir: str):
fontStrItalic = \ fontStrItalic = \
"url('./fonts/NimbusSanL-italic.otf') format('opentype')" "url('./fonts/NimbusSanL-italic.otf') format('opentype')"
themeParams = { 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-color": "#BBBBBB",
"column-left-header-line-width": "1px", "column-left-header-line-width": "1px",
"post-line-width": "1px", "post-line-width": "1px",