79 lines
1.7 KiB
CSS
79 lines
1.7 KiB
CSS
/* CSS for System64.dev v2, by IDeletedSystem64. Under MIT License (7.31.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'); }
|
|
/* Get those fonts */
|
|
|
|
/*
|
|
CSS rule items are seperated depending on what they do around here,
|
|
For example: Text/font related rules are grouped together
|
|
while the height/width is in its own group, with white space
|
|
seperating the groups; They are also seperated with comments.
|
|
*/
|
|
|
|
/* Input / Buttons */
|
|
|
|
input {
|
|
-webkit-appearance: none;
|
|
appearance: none;
|
|
|
|
background: #c3c3c3;
|
|
box-shadow: inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px grey,inset 2px 2px #dfdfdf;
|
|
|
|
min-width: 200px;
|
|
min-height: 32px;
|
|
|
|
font-family: 'Share Tech Mono', 'monospace';
|
|
font-size: 13pt;
|
|
font-weight: bold;
|
|
}
|
|
|
|
input:active {
|
|
background: #b5b5b5;
|
|
box-shadow: inset 0em 0em;
|
|
}
|
|
|
|
/* Inputs for Taskbar */
|
|
|
|
input.start {
|
|
/* Yes, the home button is called the "Start" button inside, sue us, Microsoft! */
|
|
min-height: 29px;
|
|
min-width: 130px;
|
|
max-width: 230px;
|
|
|
|
padding-left: 25px;
|
|
|
|
background: url(https://img.system64.dev/web/taskbar/blueberry_pt.png) no-repeat, left;
|
|
background-position: 3px;
|
|
}
|
|
|
|
|
|
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;
|
|
}
|
|
} |