froge/cyberfrog.me
1
0
Fork 1
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix background styling & overflow issues on body element

Browse source
This commit is contained in:
Froge 2025-02-02 22:14:29 +10:00
parent c4877b6d37
commit 32bb30b256
Signed by: froge
GPG key ID: A825E09930271BFA
1 changed files with 7 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
static/main.css
View file

@ -1,25 +1,21 @@
* {
margin: 0rem;
padding: 0rem;
}
/* Magic fix which forces outer most element to full view size for background scaling */
html {
color: #000000;
min-height: 100%;
min-width: 100%;
}
/* Magic background CSS lives here */
body {
font-family: monospace;
color: #e4e4e4;
font-size: 18px;
margin: auto;
margin: 5rem auto;
max-width: 57rem;
line-height: 1.4;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
text-align: center;
background: linear-gradient(to bottom right, rgba(0,0,0,1) 10%, rgba(65,14,105, 1) 40%, rgba(55,17,95, 1) 50%, rgba(32,14,84, 1) 60%, rgba(0,0,0,1) 90%);
/* Fancy background CSS lives here */
background: linear-gradient(to bottom right, rgba(0,0,0, 1), rgba(60,14,90, 1) 40%, rgba(55,17,95, 1) 50%, rgba(32,14,84, 1) 60%, rgba(0,0,0, 1));
}
ul {
@ -46,12 +42,12 @@ a:hover {
}
#site-content {
margin: 5rem auto;
padding: 1rem;
padding-bottom: 2rem;
border-radius: 1rem;
background: rgba(0,0,0, 0.7);
box-shadow: 1rem 1rem 1rem 1rem rgba(0,0,0, 0.5);
text-align: center;
}
#ascii-header {