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

Separate container settings for mobile

main
Bob Mottram 2020-10-28 15:44:50 +00:00
parent db20ac5b06
commit 46e5b52626
1 changed files with 23 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
epicyon-profile.css
View File

@ -104,8 +104,9 @@
--tab-border-color: grey; --tab-border-color: grey;
--icon-brightness-change: 150%; --icon-brightness-change: 150%;
--container-button-padding: 20px; --container-button-padding: 20px;
--container-padding: 20px; --container-padding: 2%;
--container-padding-bottom: 10px; --container-padding-bottom: 1%;
--container-padding-bottom-mobile: 1%;
--vertical-between-posts: 10px; --vertical-between-posts: 10px;
--vertical-between-posts-header: 10px; --vertical-between-posts-header: 10px;
--containericons-horizontal-spacing: 1%; --containericons-horizontal-spacing: 1%;
@ -381,17 +382,6 @@ a:focus {
color: var(--button-text-hover); color: var(--button-text-hover);
} }
.container {
border: var(--border-width) solid var(--border-color);
background-color: var(--main-bg-color);
border-radius: var(--timeline-border-radius);
padding-left: var(--container-padding);
padding-right: var(--container-padding);
padding-top: var(--container-padding);
padding-bottom: var(--container-padding-bottom);
margin: var(--vertical-between-posts);
}
.containerNewPost { .containerNewPost {
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);
@ -1028,6 +1018,16 @@ div.container {
font-size: var(--font-size); font-size: var(--font-size);
line-height: var(--line-spacing); line-height: var(--line-spacing);
} }
.container {
border: var(--border-width) solid var(--border-color);
background-color: var(--main-bg-color);
border-radius: var(--timeline-border-radius);
padding-left: var(--container-padding);
padding-right: var(--container-padding);
padding-top: var(--container-padding);
padding-bottom: var(--container-padding-bottom);
margin: var(--vertical-between-posts);
}
h3.linksHeader { h3.linksHeader {
background-color: var(--column-left-header-background); background-color: var(--column-left-header-background);
color: var(--column-left-header-color); color: var(--column-left-header-color);
@ -1659,6 +1659,16 @@ div.container {
font-size: var(--font-size); font-size: var(--font-size);
line-height: var(--line-spacing); line-height: var(--line-spacing);
} }
.container {
border: var(--border-width) solid var(--border-color);
background-color: var(--main-bg-color);
border-radius: var(--timeline-border-radius);
padding-left: var(--container-padding);
padding-right: var(--container-padding);
padding-top: var(--container-padding);
padding-bottom: var(--container-padding-bottom-mobile);
margin: var(--vertical-between-posts);
}
h3.linksHeader { h3.linksHeader {
background-color: var(--column-left-header-background); background-color: var(--column-left-header-background);
color: var(--column-left-header-color); color: var(--column-left-header-color);