diff --git a/css/core.css b/css/core.css index 21fbaa6..ff87e6e 100644 --- a/css/core.css +++ b/css/core.css @@ -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 { diff --git a/index.html b/index.html index d125277..a8a4dab 100644 --- a/index.html +++ b/index.html @@ -3,10 +3,10 @@ - Altboxels + Neoboxels + 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!">