Merge pull request #121 from GameSphere-MultiPlayer/revert-87-main

Revert " adding a background picture that suits the website game theme"
ChromeGaming · May 26, 2024 · 6ae007f · 6ae007f
2 parents 600260a + 296e3f5
commit 6ae007f
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 48 deletions.
diff --git a/bg.jpg b/bg.jpg
diff --git a/index.html b/index.html
@@ -154,7 +154,7 @@ <h1><span id="score">0</span>/<span id="max">0</span> discovered</h1>
 				<div><button><img id="downbutton" width=40 height="80"></button></div>
 			</div>
 			<div id="pantry" class="copy">
-				<div style="position:relative;top:600px" id="spacer">.</div>
+				<div style="position:relative;top:5000px" id="spacer">.</div>
 			</div>
 		</div>
 	</div>

diff --git a/style.css b/style.css
@@ -7,7 +7,6 @@ body {
 button {
     background-color: #fff;
     border: none;
-    border-radius: 40px;
 }
 
 .pop-up-container{
@@ -32,10 +31,10 @@ button {
     top:30%;
     left:38%;
     background-color: white;
-
-    display: none; 
+    display: none;
+
     display: flex;
-
+    
     flex-direction: column;
 
     border-radius: 20px;
@@ -45,7 +44,6 @@ button {
     justify-content: flex-end;
 }
 
-
 .pop-up .upper-cross button{
     background-color: red;
     border-radius: 50%;
@@ -99,7 +97,7 @@ button {
     float: right;
     overflow: auto;
     min-width: 100%;
-    min-height: 1000px;
+    min-height: 2000px;
     text-align: left;
 }
 
@@ -112,9 +110,6 @@ button {
     max-height: 50px;
     min-height: 50px;
     min-width: 50px;
-    /* padding: 7px;
-    margin: 5px;
-    display: inline-block; */
 }
 
 .ingredient {
@@ -124,49 +119,30 @@ button {
 .pantrySlot {
     max-width: 54px;
     min-height: 105px;
-    margin: 25px;
+    margin: 3px;
     float: left;
     text-align: center;
-    color: floralwhite;
-    font-size: 20px;
-
-
-}
-
-#pantrySlot1 span{
-    margin-left: -15px;
-}
-
-.pantrySlot:hover{
-    transform: scale(1.2);
-    cursor: pointer;
-    transition: 0.2s;
-
+    font-size: 10px;
 }
 
 .nav {
     grid-column-start: 1;
     grid-column-end: 2;
     grid-row-start: 1;
     grid-row-end: 2;
-    min-height: 600px;
+    min-height: 2000px;
 }
 
 #upbutton,
 #downbutton {
     padding-top: 15px;
     min-width: 48px;
-    min-height: 70px;
-
+    min-height: 105px;
 }
 
 .outer {
     display: grid;
     grid-gap: 0;
-    background-image: url(bg.jpg);
-    background-size: cover;
-    background-position: top;
-
 }
 
 .lower {
@@ -189,42 +165,29 @@ button {
 
 #homebutton,
 #collectionbutton {
-    margin: 7px;
     font-size: 30px;
     position: relative;
-    border-radius: 80px;
-    padding-bottom: 6px;
-}
-
-#homebutton:hover{
-    transform:scale(1.2);
-    border:2px solid black;
-    cursor: pointer;
 }
 
 #collectionnumbers {
     position: relative;
-    top: -1px;
+    top: -3px;
     left: 0px;
     font-weight: bold;
     font-size: 14px;
-    color:floralwhite;
-    padding-bottom: 0%;
+    background-color: rgba(255, 255, 255, .8);
 }
 
 #title {
     grid-column-start: 2;
     grid-column-end: 4;
     text-align: center;
-    color: whitesmoke;
 }
 
 #btnhint {
     text-align: right;
     grid-column-start: 4;
     grid-column-end: 5;
-    justify-self: left;
-    padding-top: 9px;
 }
 
 #btncollection {