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

Tiny welcome screen

main
Bob Mottram 2021-11-18 22:11:38 +00:00
parent 821e3ddce7
commit b44e681609
1 changed files with 41 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
epicyon-welcome.css
View File

@ -12,6 +12,7 @@
--font-color-header: #ccc;
--welcome-font-size: 22px;
--welcome-font-size-mobile: 40px;
--welcome-font-size-tiny: 20px;
--text-entry-foreground: #ccc;
--text-entry-background: #111;
--time-color: #aaa;
@ -241,3 +242,43 @@ span.psw {
font-family: Arial, Helvetica, sans-serif;
}
}
@media screen and (max-width: 480px) {
body, html {
background-color: var(--welcome-bg-color);
color: var(--welcome-fg-color);
height: 100%;
font-family: Arial, Helvetica, sans-serif;
max-width: 95%;
min-width: 400px;
margin: 0 auto;
font-size: var(--welcome-font-size-tiny);
font-family: Arial, Helvetica, sans-serif;
position: relative;
}
.welcome-text {
font-size: var(--welcome-font-size-tiny);
font-family: Arial, Helvetica, sans-serif;
}
input[type=text], input[type=password], textarea {
width: 100%;
padding: 12px 20px;
margin: 8px 0;
display: inline-block;
border: 1px solid #ccc;
box-sizing: border-box;
font-size: var(--welcome-font-size-tiny);
font-family: Arial, Helvetica, sans-serif;
}
button {
background-color: var(--button-background);
color: var(--button-text);
padding: 14px 20px;
margin: 8px 0;
border: none;
cursor: pointer;
width: var(--welcome-button-width);
font-size: var(--welcome-font-size-tiny);
font-family: Arial, Helvetica, sans-serif;
}
}