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

Handling banners

main
Bob Mottram 2020-10-29 13:12:08 +00:00
parent cd64d747d1
commit f81e666c24
4 changed files with 12 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
epicyon-blog.css
View File

@ -44,6 +44,7 @@
--timeline-border-radius: 30px; --timeline-border-radius: 30px;
--focus-color: white; --focus-color: white;
--line-spacing: 130%; --line-spacing: 130%;
--banner-height: 15vh;
} }
@font-face { @font-face {
@ -99,12 +100,8 @@ a:focus {
} }
.timeline-banner { .timeline-banner {
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("banner.png"); width: 98vw;
height: 10%; height: var(--banner-height);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
} }
.hero-image { .hero-image {

7
epicyon-follow.css
View File

@ -31,6 +31,7 @@
--follow-text-size2: 40px; --follow-text-size2: 40px;
--follow-text-entry-width: 90%; --follow-text-entry-width: 90%;
--focus-color: white; --focus-color: white;
--banner-height: 15vh;
} }
@font-face { @font-face {
@ -80,10 +81,8 @@ a:focus {
} }
.searchBanner { .searchBanner {
background-image: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.5)), url("search_banner.png"); width: 98vw;
background-position: center; height: var(--banner-height);
background-repeat: no-repeat;
background-size: 90%;
} }
.follow { .follow {

8
epicyon-links.css
View File

@ -64,6 +64,7 @@
--column-left-width: 10vw; --column-left-width: 10vw;
--column-center-width: 80vw; --column-center-width: 80vw;
--column-right-width: 10vw; --column-right-width: 10vw;
--banner-height: 15vh;
} }
@font-face { @font-face {
@ -181,11 +182,8 @@ a:focus {
} }
.timeline-banner { .timeline-banner {
background-image: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.5)), url("banner.png"); width: 98vw;
height: 15%; height: var(--banner-height);
background-repeat: no-repeat;
background-size: 100vw;
position: relative;
} }
.hero-image { .hero-image {

7
epicyon-search.css
View File

@ -33,6 +33,7 @@
--follow-text-size2: 40px; --follow-text-size2: 40px;
--follow-text-entry-width: 90%; --follow-text-entry-width: 90%;
--focus-color: white; --focus-color: white;
--banner-height: 15vh;
} }
@font-face { @font-face {
@ -90,10 +91,8 @@ a:focus {
} }
.searchBanner { .searchBanner {
background-image: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.5)), url("search_banner.png"); width: 98vw;
background-position: center; height: var(--banner-height);
background-repeat: no-repeat;
background-size: 90%;
} }
.follow { .follow {