Search banner style

main
Bob Mottram 2020-11-02 10:25:40 +00:00
parent 189a8ff2a0
commit 98d121b33e
1 changed files with 10 additions and 7 deletions

View File

@ -33,6 +33,8 @@
--follow-text-size2: 40px;
--follow-text-entry-width: 90%;
--focus-color: white;
--search-banner-height: 15vh;
--search-banner-height-mobile: 10vh;
}
@font-face {
@ -89,13 +91,6 @@ a:focus {
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 {
background-image: url("follow-background.jpg");
background-size: cover;
@ -198,6 +193,10 @@ input[type=text] {
}
@media screen and (min-width: 400px) {
.timeline-banner {
width: 98vw;
height: var(--search-banner-height);
}
.hashtagswarm {
font-size: var(--hashtag-size1);
font-family: Arial, Helvetica, sans-serif;
@ -245,6 +244,10 @@ input[type=text] {
}
@media screen and (max-width: 1000px) {
.timeline-banner {
width: 98vw;
height: var(--search-banner-height-mobile);
}
.hashtagswarm {
font-size: var(--hashtag-size2);
font-family: Arial, Helvetica, sans-serif;