IDeletedSystem64/blueheartforever-web
IDeletedSystem64
/
blueheartforever-web
Archived
1
1
Fork 0
Code Releases Activity

Initial stylesheets

This commit is contained in:
Sophie Marie 2023-10-27 12:38:36 -05:00
parent 8ff5d539b6
commit 3a8bf0f21e
Signed by: IDeletedSystem64
GPG Key ID: 33A12B0480AFC8E9
2 changed files with 80 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
styles/style_buttons.css Normal file
View File

@ -0,0 +1,32 @@
@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'); }
/* Buttons */
input {
-webkit-appearance: none;
appearance: none;
background: #c3c3c3;
box-shadow: inset -1px -1px black;
min-width: 200px;
min-height: 30px;
font-family: 'Share Tech Mono', sans-serif;
font-size: 13pt;
font-weight: 600;
}
input:active {
background: #b5b5b5;
box-shadow: inset 0em 0em;
}
input.start {
min-height: 30px;
min-width: 130px;
max-width: 230px;
padding-left: 25px;
}

48
styles/style_main.css Normal file
View File

@ -0,0 +1,48 @@
/* Fonts (we serve our own fonts :D #fuckgoogle) */
@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'); }
body {
background-image: url("/img/background.jpg");
background-repeat: no-repeat;
background-size: cover;
}
/* *flexes your boxes*/
.container {
padding-top: 30px;
display: flex;
flex-direction: column;
}
img.art_temp {
width: 50%;
align-self: center;
padding-top: 5vh;
}
div.taskbar {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 31px;
background: #c3c3c3;
box-shadow: inset -1px -1px black;
}
/* Fonts */
h1 {
font-family: 'Bitter', serif;
font-size: 20pt;
color: white;
display: inline;
align-self: center;
}