games/map-test
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

import css rules

Browse source
This commit is contained in:
biglyderv 2025-04-30 04:52:00 -04:00
parent 1cb3b42adb
commit 1a52b9833d
Signed by: biglyderv
GPG key ID: 0E2EB0B4CD7397B5
2 changed files with 75 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

74
index.css Normal file
View file

@ -0,0 +1,74 @@
:root {
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
color: rgb(44, 41, 53);
}
body {
background-image: radial-gradient(rgb(255, 255, 255) 0%, rgb(220, 230, 255) 100%);
background-size: 25px 25px;
background-repeat: repeat;
}
section {
max-width: 90vw;
width: 800px;
margin-left: auto;
margin-right: auto;
background: rgb(255, 255, 255);
border: solid rgb(200, 200, 200) 2px;
border-radius: 10px;
min-height: 500px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
text-align: center;
margin: 10px;
margin-bottom: 0;
height: 40px;
line-height: 40px;
}
p, ul {
margin: 10px;
}
.grid {
padding: 0;
margin: 10px;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
min-width: min(400px, 72vw);
}
.grid>a,
.grid>span {
text-align: center;
height: 100%;
overflow: hidden;
margin-bottom: 25px;
}
img {
width: min(100px, 18vw);
height: min(100px, 18vw);
}
img.art {
background: rgb(255,255,255);
max-width: 30vw;
width: 200px;
height: initial;
margin: 10px;
border: solid rgb(85, 153, 255) 2px;
border-left-width: 10px;
border-radius: 10px;
}
img.dark {
filter: invert(1);
}

3
index.html
View file

@ -1,8 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<!-- You may want to copy this file manually... --> <link rel="stylesheet" href="index.css">
<link rel="stylesheet" href="https://onezderv.codeberg.page/home/index.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head> </head>
<body> <body>