forked from indymedia/epicyon
Search banner style
parent
189a8ff2a0
commit
98d121b33e
|
@ -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;
|
||||
|
|
Loading…
Reference in New Issue