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

Search banner style

merge-requests/30/head
Bob Mottram 2020-11-02 10:25:40 +00:00
parent 189a8ff2a0
commit 98d121b33e
1 changed files with 10 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
epicyon-search.css
View File

@ -33,6 +33,8 @@
--follow-text-size2: 40px; --follow-text-size2: 40px;
--follow-text-entry-width: 90%; --follow-text-entry-width: 90%;
--focus-color: white; --focus-color: white;
--search-banner-height: 15vh;
--search-banner-height-mobile: 10vh;
} }
@font-face { @font-face {
@ -89,13 +91,6 @@ a:focus {
border: 2px solid var(--focus-color); border: 2px solid var(--focus-color);
} }
.searchBanner {
background-image: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.5)), url("search_banner.png");
background-position: center;
background-repeat: no-repeat;
background-size: 90%;
}
.follow { .follow {
background-image: url("follow-background.jpg"); background-image: url("follow-background.jpg");
background-size: cover; background-size: cover;
@ -198,6 +193,10 @@ input[type=text] {
} }
@media screen and (min-width: 400px) { @media screen and (min-width: 400px) {
.timeline-banner {
width: 98vw;
height: var(--search-banner-height);
}
.hashtagswarm { .hashtagswarm {
font-size: var(--hashtag-size1); font-size: var(--hashtag-size1);
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
@ -245,6 +244,10 @@ input[type=text] {
} }
@media screen and (max-width: 1000px) { @media screen and (max-width: 1000px) {
.timeline-banner {
width: 98vw;
height: var(--search-banner-height-mobile);
}
.hashtagswarm { .hashtagswarm {
font-size: var(--hashtag-size2); font-size: var(--hashtag-size2);
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;