IDeletedSystem64
/
system64.dev
1
0
Fork 0
Code Issues 4 Pull Requests Releases 2 Activity

Some crude mobile support, Closes #3 

It might not be much, but it will have to do for now. closes Issue #3
This commit is contained in:
Sophie Marie 2023-08-11 16:22:29 -05:00
parent ed8b886b28
commit 3c0bdb09e8
Signed by: IDeletedSystem64
GPG Key ID: F5D997A1BEF778ED
3 changed files with 55 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
styles/button_style.css
View File

@ -51,4 +51,29 @@ input.taskbar{
min-height: 29px;
min-width: 170px;
max-width: 230px;
}
/* Mobile "Support" :( */
@media (max-width: 64em) {
input {
font-size: 20pt;
min-height: 3.5vh;
min-width: 22.5vw;
}
input.start {
background: none;
padding: 7px;
min-height: 4.5vh;
min-width: 17vw;
}
input.taskbar {
padding: 7px;
min-width: 19.7vw;
min-height: 4.5vh;
}
}

25
styles/err_style.css
View File

@ -1,9 +1,8 @@
/* CSS for System64.dev v2 Error Pages, Under MIT License. (6.6.23) */
/* CSS for System64.dev v2 Error Pages, Under MIT License. (8.11.23) */
/* decoration */
body {
background-image: url("/img/bg.jpg");
background-repeat: no-repeat;
background-image: url("/img/bg_avif.avif");
}
/* positioning and sizing */
@ -16,6 +15,7 @@ body {
div {
margin: auto;
align-items: center;
}
img {
@ -25,8 +25,9 @@ img {
/* fonts */
@import url('https://fonts.googleapis.com/css2?family=Bitter:wght@600&display=swap'); /* Bitter */
@import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap'); /* Share Tech Mono */
@font-face { font-family: 'Share Tech'; src: url(../fonts/Share-Tech/ShareTech-Regular.ttf) format('woff2'); }
@font-face { font-family: 'Share Tech Mono'; src: url(../fonts/Share-Tech/ShareTechMono-Regular.ttf) format('woff2'); }
@font-face { font-family: 'Bitter'; src: url(../fonts/Bitter/Bitter-VariableFont_wght.ttf) format('woff2'); }
h1 {
font-family: 'Bitter', serif;
@ -47,3 +48,17 @@ a {
color: white;
font-family: 'Bitter', serif;
}
/* Mobile :( */
@media (max-width: 64em) {
h1 {
font-size: 64pt;
}
p {
font-size: 32pt;
}
p.tiny {
font-size: 18pt;
}
}

13
styles/main_style.css
View File

@ -1,4 +1,4 @@
/* CSS for System64.dev v2, by IDeletedSystem64. Under MIT License (v7.29.23) */
/* CSS for System64.dev v2, by IDeletedSystem64. Under MIT License (v8.11.23) */
@font-face { font-family: 'Share Tech'; src: url(../fonts/Share-Tech/ShareTech-Regular.ttf) format('woff2'); }
@font-face { font-family: 'Share Tech Mono'; src: url(../fonts/Share-Tech/ShareTechMono-Regular.ttf) format('woff2'); }
@font-face { font-family: 'Bitter'; src: url(../fonts/Bitter/Bitter-VariableFont_wght.ttf) format('woff2'); }
@ -93,7 +93,8 @@ img.webbutton{
}
/* Web buttons :) */
/* Did you know: I wish I wasn't doing this right now? */
/* REEEE MOBILE DEVICES */
@media (max-width: 64em) {
h1 {
font-size: 56pt;
@ -114,5 +115,11 @@ img.webbutton{
img.home {
display: none;
}
div.taskbar {
height: 4.5vh;
}
}