aaron/website
1
1
Fork 0
Code Issues Pull Requests Releases Wiki Activity

feautre(css): fix background for mobile clients

Browse Source
This commit is contained in:
aaron
2026-02-18 09:24:03 +01:00
parent f984c55df5
commit c680c3558f
1 changed files with 31 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
_css/styles.css
View File

@@ -2,33 +2,47 @@
* vim: ts=2 sw=2 et ft=css * vim: ts=2 sw=2 et ft=css
*/ */
html { html, body {
background: url('https://0x29a.ch/_img/ft.jpg') no-repeat center center fixed; height: 100%;
-moz-background-size: cover; margin: 0;
-webkit-background-size: cover; }
-o-background-size: cover;
body {
min-height: 100vh;
}
body::before {
content: '';
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url('https://0x29a.ch/_img/ft.jpg') no-repeat 70% 20%;
background-size: cover; background-size: cover;
z-index: -1;
} }
h1 { h1 {
font-family: 'Oswald', sans-serif; text-transform: uppercase; font-family: 'Oswald', sans-serif;
text-transform: uppercase;
color: white; color: white;
margin: 0;
} }
p { p {
font-family: 'Roboto', sans-serif; font-family: 'Roboto', sans-serif;
color: white; color: white;
padding: 10px 0px 0px 0px; padding: 10px 0 0 0;
} }
#quotes-wrapper { #quotes-wrapper {
position: absolute; position: absolute;
left: 50%; left: 50%;
top: 50%; top: 50%;
margin-top: -50px; transform: translate(-50%, -50%);
margin-left: -340px; width: 90%;
} max-width: 680px;
padding: 0 1rem;
.quotes { box-sizing: border-box;
display: hidden;
} }