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

Tiny search screen css

merge-requests/30/head
Bob Mottram 2021-11-18 21:22:15 +00:00
parent dbc82a076a
commit f0eea4951b
1 changed files with 84 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

94
epicyon-search.css
View File

@ -43,18 +43,18 @@
} }
@font-face { @font-face {
font-family: 'Bedstead'; font-family: 'Bedstead';
font-style: italic; font-style: italic;
font-weight: normal; font-weight: normal;
font-display: block; font-display: block;
src: url('./fonts/bedstead.otf') format('opentype'); src: url('./fonts/bedstead.otf') format('opentype');
} }
@font-face { @font-face {
font-family: 'Bedstead'; font-family: 'Bedstead';
font-style: normal; font-style: normal;
font-weight: normal; font-weight: normal;
font-display: block; font-display: block;
src: url('./fonts/bedstead.otf') format('opentype'); src: url('./fonts/bedstead.otf') format('opentype');
} }
body, html { body, html {
@ -342,3 +342,77 @@ input[type=text] {
margin: 30px 40px; margin: 30px 40px;
} }
} }
@media screen and (max-width: 480px) {
details {
font-size: var(--hashtag-size3);
}
.domainHistogram {
border: 0;
font-size: var(--hashtag-size3);
}
.timeline-banner {
object-fit: cover;
width: 98vw;
max-height: var(--search-banner-height-mobile);
}
.hashtagswarm {
font-size: var(--font-size2);
font-family: 'NimbusSanL';
margin: var(--hashtag-margin);
line-height: var(--hashtag-vertical-spacing3);
}
.followText {
font-size: var(--follow-text-size3);
font-family: 'NimbusSanL';
}
input[type=text] {
width: var(--follow-text-entry-width);
clear: both;
font-size: 40px;
font-family: 'NimbusSanL';
text-align: center;
color: var(--text-entry-foreground);
background-color: var(--text-entry-background);
}
.button {
border-radius: 4px;
background-color: var(--button-background);
border: none;
color: var(--button-text);
text-align: center;
padding: 10px;
font-size: 40px;
font-family: 'NimbusSanL';
width: 20%;
max-width: 200px;
min-width: 100px;
cursor: pointer;
margin: 30px;
}
input[type=checkbox]
{
-ms-transform: scale(4);
-moz-transform: scale(4);
-webkit-transform: scale(4);
-o-transform: scale(4);
transform: scale(4);
padding: 20px;
margin: 30px 40px;
}
.button {
border-radius: 4px;
background-color: var(--button-background);
border: none;
color: var(--button-text);
text-align: center;
padding: 10px;
font-size: var(--font-size2);
font-family: 'NimbusSanL';
width: 20%;
max-width: 200px;
min-width: 100px;
cursor: pointer;
margin: 30px;
}
}