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 @@
* { /* Magic fix which forces outer most element to full view size for background scaling */
margin: 0rem;
padding: 0rem;
}
html { html {
color: #000000; min-height: 100%;
min-width: 100%;
} }
/* Magic background CSS lives here */
body { body {
font-family: monospace; font-family: monospace;
color: #e4e4e4; color: #e4e4e4;
font-size: 18px; font-size: 18px;
margin: auto; margin: 5rem auto;
max-width: 57rem; max-width: 57rem;
line-height: 1.4; line-height: 1.4;
-webkit-hyphens: auto; -webkit-hyphens: auto;
-ms-hyphens: auto; -ms-hyphens: auto;
hyphens: auto; hyphens: auto;
text-align: center; /* Fancy background CSS lives here */
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%); 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 { ul {
@ -46,12 +42,12 @@ a:hover {
} }
#site-content { #site-content {
margin: 5rem auto;
padding: 1rem; padding: 1rem;
padding-bottom: 2rem; padding-bottom: 2rem;
border-radius: 1rem; border-radius: 1rem;
background: rgba(0,0,0, 0.7); background: rgba(0,0,0, 0.7);
box-shadow: 1rem 1rem 1rem 1rem rgba(0,0,0, 0.5); box-shadow: 1rem 1rem 1rem 1rem rgba(0,0,0, 0.5);
text-align: center;
} }
#ascii-header { #ascii-header {