games/neoboxels
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

improve UI

Browse source
This commit is contained in:
biglyderv 2025-05-20 17:20:29 -04:00
parent 3d55d03097
commit 2e39d119a4
Signed by: biglyderv
GPG key ID: 0E2EB0B4CD7397B5
2 changed files with 11 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

17
css/core.css
View file

@ -37,7 +37,8 @@ button, a, textarea {
display: none;
background: rgb(44, 142, 255);
background: rgb(61, 152, 255);
border: solid 5px rgb(19, 109, 182);
color: white;
font-family: inherit;
@ -55,7 +56,6 @@ div#header-title {
#header-links a {
margin-top: 0;
background: none;
}
#header {
@ -86,9 +86,8 @@ div#header-title {
overflow-y: auto;
}
.buttons > .selected-group {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
display: grid;
grid-template-columns: repeat(4, 1fr);
height: 100px;
padding: 10px;
overflow-y: auto;
@ -100,20 +99,22 @@ div#header-title {
text-decoration: none;
}
.buttons button {
width: calc(25% - 6px);
flex-grow: 1;
border: solid 5px rgba(0,0,0,0.3);
}
.tab-bar > * {
background: #616161;
background: #414141;
margin: 0;
margin-top: 8px;
border-radius: 10px 10px 0 0;
padding: 8px 10px;
width: 100%;
cursor: pointer;
border: solid 5px rgb(49, 49, 49)
}
.tab-bar > .selected-group {
background: #7b7b7b;
background: #4e4e4e;
}
#game {

4
index.html
View file

@ -3,10 +3,10 @@
<head>
<!-- Metadata -->
<title>Altboxels</title>
<title>Neoboxels</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description"
content="Altboxels is a pixel sandbox game that enables anyone to empower their imagination. It shares many characteristics with Sandboxels, the Powder Toy, among other games in the genre. Many features are custom-built, including the physics engine!">
content="Neoboxels is a pixel sandbox game that enables anyone to empower their imagination. It shares many characteristics with Sandboxels, the Powder Toy, among other games in the genre. Many features are custom-built, including the physics engine!">
<meta name="keywords" content="sandbox, falling sand, powder toy">
<meta name="author" content="derv">
<link rel="stylesheet" href="css/core.css">