indymedia
/
epicyon
mirror of https://gitlab.com/bashrc2/epicyon
7
4
Fork 1
Code Issues 14 Releases Wiki Activity

Tab-like buttons

merge-requests/30/head
Bob Mottram 2020-10-25 17:44:47 +00:00
parent 327c71c3f7
commit b5fc6b3cf3
2 changed files with 17 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
epicyon-profile.css
View File

@ -97,6 +97,8 @@
--button-event-fg-color: white; --button-event-fg-color: white;
--hashtag-background-color: black; --hashtag-background-color: black;
--hashtag-fg-color: white; --hashtag-fg-color: white;
--tab-border-width: 0px;
--tab-border-color: grey;
} }
@font-face { @font-face {
@ -1239,18 +1241,19 @@ aside .toggle-inside li {
.button { .button {
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
background-color: var(--button-background); background-color: var(--button-background);
border: none;
color: var(--button-text); color: var(--button-text);
text-align: center; text-align: center;
font-size: var(--font-size-header); font-size: var(--font-size-header);
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
padding: var(--button-height-padding); padding: var(--button-height-padding);
width: 10%; width: 10%;
max-width: 200px;
min-width: var(--button-width-chars); min-width: var(--button-width-chars);
transition: all 0.5s; transition: all 0.5s;
cursor: pointer; cursor: pointer;
margin: 5px; margin: 5px;
border-top: var(--tab-border-width) solid var(--tab-border-color);
border-left: var(--tab-border-width) solid var(--tab-border-color);
border-right: var(--tab-border-width) solid var(--tab-border-color);
} }
.publishbtn { .publishbtn {
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
@ -1287,18 +1290,19 @@ aside .toggle-inside li {
.buttonselected { .buttonselected {
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
background-color: var(--button-selected); background-color: var(--button-selected);
border: none;
color: var(--button-selected-text); color: var(--button-selected-text);
text-align: center; text-align: center;
font-size: var(--font-size-header); font-size: var(--font-size-header);
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
padding: var(--button-height-padding); padding: var(--button-height-padding);
width: 10%; width: 10%;
max-width: 100px;
min-width: var(--button-width-chars); min-width: var(--button-width-chars);
transition: all 0.5s; transition: all 0.5s;
cursor: pointer; cursor: pointer;
margin: 5px; margin: 5px;
border-top: var(--tab-border-width) solid var(--tab-border-color);
border-left: var(--tab-border-width) solid var(--tab-border-color);
border-right: var(--tab-border-width) solid var(--tab-border-color);
} }
.buttonselectedhighlighted { .buttonselectedhighlighted {
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
@ -1822,18 +1826,19 @@ aside .toggle-inside li {
.button { .button {
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
background-color: var(--button-background); background-color: var(--button-background);
border: none;
color: var(--button-text); color: var(--button-text);
text-align: center; text-align: center;
font-size: var(--font-size-button-mobile); font-size: var(--font-size-button-mobile);
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
padding: var(--button-height-padding-mobile); padding: var(--button-height-padding-mobile);
width: 20%; width: 20%;
max-width: 400px;
min-width: var(--button-width-chars); min-width: var(--button-width-chars);
transition: all 0.5s; transition: all 0.5s;
cursor: pointer; cursor: pointer;
margin: 15px; margin: 15px;
border-top: var(--tab-border-width) solid var(--tab-border-color);
border-left: var(--tab-border-width) solid var(--tab-border-color);
border-right: var(--tab-border-width) solid var(--tab-border-color);
} }
.publishbtn { .publishbtn {
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
@ -1870,18 +1875,19 @@ aside .toggle-inside li {
.buttonselected { .buttonselected {
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
background-color: var(--button-selected); background-color: var(--button-selected);
border: none;
color: var(--button-selected-text); color: var(--button-selected-text);
text-align: center; text-align: center;
font-size: var(--font-size-button-mobile); font-size: var(--font-size-button-mobile);
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
padding: var(--button-height-padding-mobile); padding: var(--button-height-padding-mobile);
width: 20%; width: 20%;
max-width: 400px;
min-width: var(--button-width-chars); min-width: var(--button-width-chars);
transition: all 0.5s; transition: all 0.5s;
cursor: pointer; cursor: pointer;
margin: 15px; margin: 15px;
border-top: var(--tab-border-width) solid var(--tab-border-color);
border-left: var(--tab-border-width) solid var(--tab-border-color);
border-right: var(--tab-border-width) solid var(--tab-border-color);
} }
.buttonselectedhighlighted { .buttonselectedhighlighted {
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);

4
theme.py
View File

@ -909,6 +909,9 @@ def setThemeLight(baseDir: str):
def setThemeIndymediaModern(baseDir: str): def setThemeIndymediaModern(baseDir: str):
name = 'indymediamodern' name = 'indymediamodern'
themeParams = { themeParams = {
"tab-border-width": "3px",
"tab-border-color": "grey",
"button-corner-radius": "0px",
"login-button-color": "#25408f", "login-button-color": "#25408f",
"login-button-fg-color": "white", "login-button-fg-color": "white",
"column-left-width": "10vw", "column-left-width": "10vw",
@ -919,7 +922,6 @@ def setThemeIndymediaModern(baseDir: str):
"newswire-item-moderated-color": "red", "newswire-item-moderated-color": "red",
"newswire-date-moderated-color": "red", "newswire-date-moderated-color": "red",
"newswire-date-color": "grey", "newswire-date-color": "grey",
"button-corner-radius": "7px",
"timeline-border-radius": "0px", "timeline-border-radius": "0px",
"button-background": "#767674", "button-background": "#767674",
"button-background-hover": "#567674", "button-background-hover": "#567674",