mj-saunders
/
epicyon
forked from indymedia/epicyon
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Banner height

main
Bob Mottram 2020-10-28 21:31:47 +00:00
parent 15346eece3
commit 95e8f583e3
2 changed files with 26 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
epicyon-profile.css
View File

@ -116,6 +116,8 @@
--likes-count-offset: 5px; --likes-count-offset: 5px;
--likes-count-offset-mobile: 10px; --likes-count-offset-mobile: 10px;
--publish-button-vertical-offset: 10px; --publish-button-vertical-offset: 10px;
--banner-height: 30vh;
--banner-height-mobile: 15vh;
} }
@font-face { @font-face {
@ -1022,14 +1024,14 @@ div.container {
line-height: var(--line-spacing); line-height: var(--line-spacing);
} }
.container { .container {
border: var(--border-width) solid var(--border-color); border: var(--border-width) solid var(--border-color);
background-color: var(--main-bg-color); background-color: var(--main-bg-color);
border-radius: var(--timeline-border-radius); border-radius: var(--timeline-border-radius);
padding-left: var(--container-padding); padding-left: var(--container-padding);
padding-right: var(--container-padding); padding-right: var(--container-padding);
padding-top: var(--container-padding); padding-top: var(--container-padding);
padding-bottom: var(--container-padding-bottom); padding-bottom: var(--container-padding-bottom);
margin: var(--vertical-between-posts); margin: var(--vertical-between-posts);
} }
h3.linksHeader { h3.linksHeader {
background-color: var(--column-left-header-background); background-color: var(--column-left-header-background);
@ -1080,7 +1082,7 @@ div.container {
} }
.timeline-banner { .timeline-banner {
width: 98vw; width: 98vw;
height: 15vh; height: var(--banner-height);
} }
.timeline { .timeline {
border: 0; border: 0;
@ -1345,7 +1347,7 @@ div.container {
transition: all 0.5s; transition: all 0.5s;
cursor: pointer; cursor: pointer;
margin: 0 0px; margin: 0 0px;
margin-top: var(--publish-button-vertical-offset); margin-top: var(--publish-button-vertical-offset);
} }
.buttonhighlighted { .buttonhighlighted {
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
@ -1664,14 +1666,14 @@ div.container {
line-height: var(--line-spacing); line-height: var(--line-spacing);
} }
.container { .container {
border: var(--border-width) solid var(--border-color); border: var(--border-width) solid var(--border-color);
background-color: var(--main-bg-color); background-color: var(--main-bg-color);
border-radius: var(--timeline-border-radius); border-radius: var(--timeline-border-radius);
padding-left: var(--container-padding); padding-left: var(--container-padding);
padding-right: var(--container-padding); padding-right: var(--container-padding);
padding-top: var(--container-padding); padding-top: var(--container-padding);
padding-bottom: var(--container-padding-bottom-mobile); padding-bottom: var(--container-padding-bottom-mobile);
margin: var(--vertical-between-posts); margin: var(--vertical-between-posts);
} }
h3.linksHeader { h3.linksHeader {
background-color: var(--column-left-header-background); background-color: var(--column-left-header-background);
@ -1747,7 +1749,8 @@ div.container {
display: inline; display: inline;
} }
.timeline-banner { .timeline-banner {
height: 6%; width: 98vw;
height: var(--banner-height-mobile);
} }
.timeline { .timeline {
border: 0; border: 0;

2
theme.py
View File

@ -1101,6 +1101,8 @@ def setThemeIndymediaModern(baseDir: str):
def setThemeSolidaric(baseDir: str): def setThemeSolidaric(baseDir: str):
name = 'solidaric' name = 'solidaric'
themeParams = { themeParams = {
"banner-height": "35vh",
"banner-height-mobile": "15vh",
"time-vertical-align": "-4px", "time-vertical-align": "-4px",
"time-vertical-align-mobile": "15px", "time-vertical-align-mobile": "15px",
"hashtag-background-color": "lightred", "hashtag-background-color": "lightred",